English | česky | >> Português <<ZVON > Tutorials > CSS2 tutorial
>> Exemplo 40 << | Anterior | Próximo | Index | Conteúdos

A forma do cursor quando este é movido sobre um elemento pode ser alterado usando a propriedade "cursor" para um dos seguintes valores: auto, crosshair, default, pointer, move, e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize, text, wait, help. "URI" pode ser usado para definir cursores específicos.

Documento XMLfolha de estilos CSSExemplo de ligação
(1)
     <AAA>
          <auto>auto</auto>
          <crosshair>crosshair</crosshair>
          <default>default</default>
          <pointer>pointer</pointer>
          <move>move</move>
          <e-resize>e-resize</e-resize>
          <ne-resize>ne-resize</ne-resize>
          <nw-resize>nw-resize</nw-resize>
          <n-resize>n-resize</n-resize>
          <se-resize>se-resize</se-resize>
          <sw-resize>sw-resize</sw-resize>
          <s-resize>s-resize</s-resize>
          <w-resize>w-resize</w-resize>
          <text>text</text>
          <wait>wait</wait>
          <help>help</help>
          <uri>uri</uri>
     </AAA>

auto {cursor: auto}
crosshair {cursor: crosshair}
default {cursor: default}
pointer {cursor: pointer}
move {cursor: move}
e-resize {cursor: e-resize}
ne-resize {cursor: ne-resize}
nw-resize {cursor: nw-resize}
n-resize {cursor: n-resize}
se-resize {cursor: se-resize}
sw-resize {cursor: sw-resize}
s-resize {cursor: s-resize}
w-resize {cursor: w-resize}
text {cursor: text}
wait {cursor: wait}
help {cursor: help}
uri {cursor: url("chrome://navigator/skin/home.gif")}
Ver resultado