Proprietà cursor

La proprietà cursor imposta l'aspetto del cursore quando si passa sopra un elemento.

Sintassi

Nota

La proprietà ha moltissimi valori. Di seguito ho raggruppato questi valori per renderli più facili da consultare. L'aspetto del cursore differisce nei vari browser, quindi non ho fatto foto dei cursori, ma ho semplicemente aggiunto una colonna speciale nelle tabelle dei valori, passando il mouse sulla cui cella, potrete vedere l'aspetto del cursore descritto.

Valori

Valore	Descrizione	Aspetto
default	Aspetto standard a forma di puntatore-freccia.
pointer	Usato per indicare che l'elemento è attivo e può essere cliccato (questo è il default per i link).
help	Usato per indicare che con l'elemento è associato un aiuto o una domanda.
not-allowed	Usato per indicare l'invalidità di un'operazione.

Testo

Valore	Descrizione	Aspetto
text	Cursore testuale standard a forma di barra verticale.
vertical-text	Cursore testuale per testo verticale.

Attesa

Valore	Descrizione	Aspetto
progress	Usato per indicare che è in corso un'operazione e l'utente deve attendere.
wait	Usato per indicare che l'utente deve attendere.

Cursore per la ridimensionamento

Quando si ridimensiona un elemento, il valore della proprietà è formato così: la parola resize, e prima di essa, separato da un trattino, una lettera o più lettere, ad esempio: n-resize o ne-resize.

Queste lettere sono le prime lettere dei punti cardinali: north - nord, south - sud, east - est, west - ovest. In questo caso vengono usate le convenzioni accettate per le mappe geografiche: in alto il nord, in basso il sud, a sinistra l'ovest, a destra l'est. Certamente, questo crea confusione, ma bisogna usarle, come è stato pensato:)

Quindi, ecco i valori:

Valore	Direzione	Punto cardinale	Aspetto
n-resize	verso l'alto	nord
ne-resize	verso destra e alto	nord est
e-resize	verso destra	est
se-resize	verso destra e basso	sud est
s-resize	verso il basso	sud
sw-resize	verso sinistra e basso	sud ovest
w-resize	verso sinistra	ovest
nw-resize	verso sinistra e alto	nord ovest
nesw-resize	verso destra e alto e sinistra e basso	nord est - sud ovest
nwse-resize	verso sinistra e alto e destra e basso	nord ovest - sud est

Ridimensionamento di due elementi

Valore	Descrizione	Aspetto
col-resize	Ridimensionamento orizzontale.
row-resize	Ridimensionamento verticale.

Cambio zoom

Valore	Descrizione	Aspetto
zoom-in	Zoom avanti (ingrandimento).
zoom-out	Zoom indietro (riduzione).

Movimento

Valore	Descrizione	Aspetto
move	Usato per indicare che l'elemento può essere spostato, o durante lo spostamento.
all-scroll	Usato per indicare che l'elemento può essere scrollato con il mouse in tutte le direzioni.

Varie

Valore	Descrizione	Aspetto
crosshair	Aspetto a forma di mirino.
cell	Aspetto a forma di mirino.