cursor

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)

cursor: [ [ ,]* [ 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

<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

View Live Examples

Inline:

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

External:

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

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

• CSS 2.1
• css3-ui

Categorias

Interwiki Language Links