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
textwhen over text anddefaultotherwise -
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
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