Style cursor attribute

Definition and Usage

cursor Set or return the cursor type to be displayed for the mouse pointer.

See also:

CSS Reference Manual:cursor attribute

Example

Example 1

Change the cursor:

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

Try it yourself

Example 2

Display all available cursors:

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

Try it yourself

Example 3

Return the type of cursor:

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

Try it yourself

Syntax

Return the cursor attribute:

object.style.cursor

Set the cursor attribute:

object.style.cursor = value

attribute value

value description
alias 光标指示要创建某事物的别名。
Le curseur indique que l'on peut créer un alias pour quelque chose. all-scroll
auto Le curseur indique que la barre de défilement peut être effectuée dans toutes les directions.
Par défaut. Le navigateur configure le curseur. cell
Le curseur indique qu'un cellule (ou un groupe de cellules) peut être sélectionné. context-menu
Le curseur indique que le menu contextuel est disponible. col-resize
Le curseur indique que la taille de la colonne peut être ajustée horizontalement. copy
Le curseur indique le contenu à copier. crosshair
Le curseur est affiché sous forme de croix. default
Curseur par défaut. e-resize
ew-resize Indique le curseur de redimensionnement bidirectionnel.
help Le curseur indique que de l'aide est disponible.
move Le curseur indique ce qui doit être déplacé.
n-resize Le curseur indique que l'extrémité de la boîte doit être déplacée vers le haut (vers le nord).
ne-resize Le curseur indique que l'extrémité de la boîte doit être déplacée vers le haut et vers la droite (nord/est).
nesw-resize Indique le curseur de redimensionnement bidirectionnel.
ns-resize Indique le curseur de redimensionnement bidirectionnel.
nw-resize Le curseur indique que l'extrémité de la boîte doit être déplacée vers le haut et vers la gauche (nord/ouest).
nwse-resize Indique le curseur de redimensionnement bidirectionnel.
no-drop Le curseur indique que l'élément ne peut pas recevoir l'objet glissé.
none Aucun curseur n'est présenté pour l'élément.
not-allowed Le curseur indique que l'action demandée ne sera pas exécutée.
pointer Le curseur est un pointeur, indiquant un lien.
progress Le curseur indique que le programme est occupé (en cours).
row-resize Le curseur indique que la ligne peut être redimensionnée verticalement.
s-resize Le curseur indique que l'extrémité de la boîte doit être déplacée vers le bas (vers le sud).
se-resize Le curseur indique que l'extrémité de la boîte doit être déplacée vers le bas et vers la droite (sud/est).
sw-resize Le curseur indique que l'extrémité de la boîte doit être déplacée vers le bas et vers la gauche (sud/ouest).
text Le curseur indique que du texte est sélectionnable.
URL

Liste séparée par des virgules des URLs personnalisées des curseurs.

Remarque :Il faut toujours spécifier le curseur générique à la fin de la liste, au cas où aucun curseur défini par URL ne serait disponible.
vertical-text Le curseur indique que du texte vertical est sélectionnable.
w-resize Le curseur indique que l'extrémité de la boîte doit être déplacée vers la gauche (vers l'ouest).
wait Le curseur indique que le programme est occupé.
zoom-in Le curseur indique que quelque chose peut être agrandi.
zoom-out Le curseur indique que quelque chose peut être agrandi.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : auto
Valeur de retour : Chaîne, indiquant le curseur de souris à afficher lorsque le pointeur de la souris est sur l'élément.
Version CSS : CSS2

Prise en charge du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support