Attributo cursor dello stile

Definizione e uso

cursor Imposta o restituisce il tipo di cursore da visualizzare per il puntatore del mouse.

Vedi anche:

Manuale CSS:Attributo cursor

Esempio

Esempio 1

Cambia il cursore:

document.getElementById("myP").style.cursor = "pointer";

Prova personalmente

Esempio 2

Mostra tutti i cursori disponibili:

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;

Prova personalmente

Esempio 3

Restituisce il tipo di cursore:

alert(document.getElementById("myP").style.cursor);

Prova personalmente

Sintassi

Restituisce l'attributo cursor:

oggetto.style.cursor

Imposta l'attributo cursor:

oggetto.style.cursor = value

valore dell'attributo

valore descrizione
alias 光标指示要创建某事物的别名。
Il cursore indica che è possibile creare un alias per qualcosa di creato. all-scroll
auto Il cursore indica che è possibile scorrere in tutte le direzioni.
Predefinito. Il browser imposta il cursore. cell
Il cursore indica che è possibile selezionare una cella (o un gruppo di celle). context-menu
Il cursore indica che è disponibile il menu contestuale. col-resize
Il cursore indica che è possibile regolare la dimensione delle colonne orizzontalmente. copy
Il cursore indica il contenuto da copiare. crosshair
Il cursore viene visualizzato come croce. default
Cursore predefinito. e-resize
ew-resize Cursore a双向aumento delle dimensioni.
help Il cursore indica che è disponibile l'aiuto.
move Il cursore indica ciò che deve essere spostato.
n-resize Il cursore indica che l'angolo della scatola deve essere spostato in alto (nord).
ne-resize Il cursore indica che l'angolo della scatola deve essere spostato in alto e a destra (nord/est).
nesw-resize Cursore a双向aumento delle dimensioni.
ns-resize Cursore a双向aumento delle dimensioni.
nw-resize Il cursore indica che l'angolo della scatola deve essere spostato in alto e a sinistra (nord/ovest).
nwse-resize Cursore a双向aumento delle dimensioni.
no-drop Il cursore indica che l'oggetto trascinato non può essere posizionato qui.
none Il cursore non è presente per l'elemento.
not-allowed Il cursore indica che l'azione richiesta non verrà eseguita.
pointer Il cursore è un puntatore che indica un collegamento.
progress Il cursore indica che il programma è occupato (in corso).
row-resize Il cursore indica che è possibile regolare la dimensione della riga verticalmente.
s-resize Il cursore indica che l'angolo della scatola deve essere spostato in basso (sud).
se-resize Il cursore indica che l'angolo della scatola deve essere spostato in basso e a destra (sud/est).
sw-resize Il cursore indica che l'angolo della scatola deve essere spostato in basso e a sinistra (sud/ovest).
text Il cursore indica il testo selezionabile.
URL

Elenco separato da virgola degli URL personalizzati dei cursori.

Note:Includi sempre il cursore universale alla fine della lista, nel caso non ci siano cursori definiti con URL disponibili.
vertical-text Il cursore indica che è possibile selezionare il testo in colonna.
w-resize Il cursore indica che l'angolo della scatola deve essere spostato a sinistra (verso ovest).
wait Il cursore indica che il programma è occupato.
zoom-in Il cursore indica che qualcosa può essere ingrandito.
zoom-out Il cursore indica che qualcosa può essere ingrandito.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: auto
Valore di ritorno: Stringa che rappresenta il cursore del mouse visualizzato quando il puntatore del mouse è sovrapposto all'elemento.
Versione CSS: CSS2

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto