cursor

by 3 contributors:

Resumo

A propriedade cursor especifica o estilo do ponteiro do mouse quando estiver sobre o elemento.

  • Valor inicial: auto
  • Aplica-se a: todos os elementos
  • Herdado: sim
  • Porcentagens: N/A
  • Mídia: Visual, Interactive
  • Valor computado: como especificado (endereços relativos são convertidos como absolutos)

Sintaxe

cursor: [ [<url> ,]</url>* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress | copy | alias | context-menu | cell | not-allowed | col-resize | row-resize | no-drop | vertical-text | all-scroll | nesw-resize | nwse-resize | ns-resize | ew-resize ] ] | inherit

Valores

<url> 
URL of custom cursor. More than one URL may be provided as fallback, in case some cursor image types are not supported. A non-URL fallback (one of the other values) must be at the end of the fallback list. See Using URL values for the cursor property for more details.
default 
default cursor (typically an arrow)
auto 
equivalent to text when over text and default otherwise
crosshair 
cross cursor, often used to indicate selection in a bitmap
pointer 
cursor used when over links (typically a hand)
move 
move cursor
e-resize 
cursor for resizing the right edge of a box
ne-resize 
cursor for resizing the top right corner of a box
nw-resize 
cursor for resizing the top left corner of a box
n-resize 
cursor for resizing the top edge of a box
se-resize 
cursor for resizing the bottom right corner of a box
sw-resize 
cursor for resizing the bottom left corner of a box
s-resize 
cursor for resizing the bottom edge of a box
w-resize 
cursor for resizing the left edge of a box
text 
cursor indicating text can be selected (typically an I-beam)
wait 
cursor indicating the program is busy (sometimes an hourglass or a watch)
help 
cursor indicating help is available
progress 
cursor indicating that the program is busy but the user can still interact with it (unlike for busy)
copy 
cursor showing something that can be copied
alias 
cursor indicating an alias or shortcut is to be created
context-menu 
cursor indicating that a context menu is available under the cursor
cell 
cursor indicating that cells can be selected
not-allowed 
cursor showing that something cannot be done
col-resize 
cursor for resizing columns horizontally
row-resize 
cursor for resizing rows vertically
no-drop 
cursor showing that a drop is not allowed at the current location
vertical-text 
cursor indicating that vertical text can be selected (typically a sideways I-beam)
all-scroll 
cursor showing that something can be scrolled in any direction (panned)
nesw-resize 
cursor for resizing in the top-right or bottom-left directions
nwse-resize 
cursor for resizing in the top-left or bottom-right directions
ns-resize 
cursor for resizing up or down
ew-resize 
cursor for resizing left or right

Exemplos

View Live Examples

Inline:

<span style="cursor: crosshair">Some Text</span>

External:

.pointer {
	cursor: pointer;
}
.move {
	cursor: move;
}

Notas

While this property works on older browsers, not all values are fully supported.

Especificações

Compatibilidade com navegadores

Navegador Versão mais antiga/th>
Internet Explorer 4
Firefox 1.5
Netscape 6
Opera 7

Veja também

Categorias

Interwiki Language Links

Etiquetas do documento e colaboradores

Etiquetas: 
Contributors to this page: teoli, Half-blood, Verruckt
Última atualização por: teoli,