CSS cursor Property

Esempio

Alcune diversi cursori:

span.crosshair {
    cursor: crosshair;
}

span.help {
    cursor: help;
}

span.wait {
    cursor: wait;
}

Definizione e utilizzo

La proprietà del cursore indica il tipo di cursore da visualizzare quando si punta su un elemento.

Valore di default:	auto
Inherited:	yes
animatable:	no. Read about animatable
Versione:	CSS2
sintassi JavaScript:	object .style.cursor="crosshair" Try it

Supporto per il browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.

Proprietà
cursor	5.0	5.5	4.0	5.0	9.6

CSS Sintassi

cursor:value;

I valori delle proprietà

Valore	Descrizione	Gioca
alias	Il cursore indica un alias di qualcosa deve essere creato	Gioca "
all-scroll	Il cursore indica che qualcosa può essere fatto scorrere in qualsiasi direzione	Gioca "
auto	Predefinito. Il browser stabilisce un cursore	Gioca "
cell	Il cursore indica che una cella (or set of cells) può essere selezionato	Gioca "
context-menu	Il cursore indica che un contesto-menu è disponibile	Gioca "
col-resize	Il cursore indica che la colonna può essere ridimensionato orizzontalmente	Gioca "
copy	Il cursore indica qualcosa deve essere copiata	Gioca "
crosshair	Il cursore di rendering come un mirino	Gioca "
default	Il cursore predefinito	Gioca "
e-resize	Il cursore indica che un bordo di una scatola è di essere spostato a destra (east)	Gioca "
ew-resize	Indica un cursore di ridimensionamento bidirezionale	Gioca "
grab	Il cursore indica che qualcosa può essere afferrato	Gioca "
grabbing	Il cursore indica che qualcosa può essere afferrato	Gioca "
help	Il cursore indica che l'aiuto è disponibile	Gioca "
move	Il cursore indica qualcosa deve essere spostata	Gioca "
n-resize	Il cursore indica che un bordo di una scatola deve essere spostato fino (north)	Gioca "
ne-resize	Il cursore indica che un bordo di una scatola deve essere spostato in alto a destra (north/east)	Gioca "
nesw-resize	Indica un cursore di ridimensionamento bidirezionale	Gioca "
ns-resize	Indica un cursore di ridimensionamento bidirezionale	Gioca "
nw-resize	Il cursore indica che un bordo di una scatola è di essere spostato in alto a sinistra (north/west)	Gioca "
nwse-resize	Indica un cursore di ridimensionamento bidirezionale	Gioca "
no-drop	Il cursore indica che l'elemento trascinato non può essere eliminato qui	Gioca "
none	Nessuna cursore è resa dell'elemento	Gioca "
not-allowed	Il cursore indica che non verrà eseguita l'azione richiesta	Gioca "
pointer	Il cursore è un puntatore e indica un collegamento	Gioca "
progress	Il cursore indica che il programma è occupato (in progress)	Gioca "
row-resize	Il cursore indica che la riga può essere ridimensionato in verticale	Gioca "
s-resize	Il cursore indica che un bordo di una scatola è di essere spostato verso il basso (south)	Gioca "
se-resize	Il cursore indica che un bordo di una scatola deve essere spostato verso il basso ea destra (south/east)	Gioca "
sw-resize	Il cursore indica che un bordo di una scatola deve essere spostato verso il basso e di sinistra (south/west)	Gioca "
text	Il cursore indica il testo che può essere selezionato	Gioca "
URL	Una virgola ha separato la lista di URL da cursori personalizzati. Note: indicare sempre un cursore generico alla fine dell'elenco, nel caso nessuno dei cursori URL definito può essere utilizzato	Gioca "
vertical-text	Il cursore indica verticale testo che può essere selezionato	Gioca "
w-resize	Il cursore indica che un bordo di una scatola è di essere spostato a sinistra (west)	Gioca "
wait	Il cursore indica che il programma è occupato	Gioca "
zoom-in	Il cursore indica che qualcosa può essere ingrandita	Gioca "
zoom-out	Il cursore indica che qualcosa può essere ingrandito	Gioca "
initial	Consente di impostare questa proprietà al suo valore di default. Leggi iniziale	Gioca "
inherit	Eredita questo immobile dal suo elemento genitore. Leggi su erediterà

Pagine correlate

Di riferimento HTML DOM: cursor property

❮ Precedente Successivo ❯

CSS Riferimento