La proprietà cursor imposta l'aspetto
del cursore quando si passa sopra un elemento.
Sintassi
cssselettore {
cursor: valore;
}
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.