HTML and CSS Reference
In-Depth Information
un'elaborazione oppure come una mano quando si passa su un oggetto su cui si può clicca-
re. In questa sezione analizzeremo i diversi stati in cui possiamo impostare il cursore, così
da poter utilizzare questa importante risorsa nel modo migliore per l'utente. La proprietà
CSS attraverso la quale possiamo impostare il cursore è
cursor
.
Questa proprietà CSS può avere una serie di valori predefiniti, che sono elencati nella
Proprietà
Descrizione
Il cursore mostrato è quello di default per l'oggetto corrente.
Questo significa che se il cursore si trova su un link, questo viene mo-
strato con una mano, se il cursore si trova su un testo, viene renderizza-
to come una linea verticale ecc.
default
Il cursore viene mostrato come un simbolo +. Questa visualizzazione è
generalmente utilizzata dai programmi di grafica per disegnare linee.
crosshair
Il cursore viene mostrato come una linea verticale per i primi due valori
e come una linea orizzontale per il terzo e per il quarto valore. Agli
estremi delle linee ci sono delle frecce. Queste modalità di visualizza-
zione del cursore vengono utilizzate quando si ridimensiona un oggetto
in altezza per i primi due valori, e in larghezza per gli ultimi due valori.
n-resize
s-resize
w-resize
e-resize
Il cursore viene mostrato come una linea diagonale dall'alto, rispettiva-
mente verso sinistra e verso destra, dove agli estremi ci sono delle frec-
ce. Queste modalità di visualizzazione del cursore vengono utilizzate
quando si ridimensiona un oggetto contemporaneamente sia in altezza
sia in larghezza.
ne-resize
nw-resize
se-resize
sw-resize
Il cursore viene mostrato come quando si esegue il drag di un oggetto.
move
Il cursore viene mostrato come una mano. Questa è la visualizzazione
di default quando il cursore si trova sopra un link.
pointer
Imposta il cursore in modalità di selezione testo con una linea verticale.
Questa è la visualizzazione di default quando si passa su un testo o su
un campo di testo.
text
Imposta il cursore in modalità di attesa. La differenza tra i valori varia a
seconda del sistema operativo e delle versioni. Per esempio, in ambien-
te Windows il primo valore mostra il cursore come un cerchio animato
wait pro-
gress
