Attribut CURSOR
Rôle
L’attribut cursor spécifie le type de curseur à afficher lorsque vous pointez un élément HTML
Le pointeur de la souris apparait sur les liens, les boutons d’un formulaire et tous les éléments avec la pseudo-class :hover
Version : CSS2
Héritage (inherit) : oui
Propriété Javascript : element.style.cursor
Testez vous-même cet attribut
Utilisez Codepen.
– Le code CSS
a{
cursor: wait;
}
– Le code HTML
<a href="">wait</a>
Résultat
Le curseur semble indiquer que le programme est occupé quand vous survolez le lien.
Compatibilité
L’attribut cursor est pris en charge par tous les principaux navigateurs
Valeurs
Les différentes valeurs de l’attribut cursor sont:
- auto
- Le navigateur définit le curseur : valeur par défaut
Syntaxe :
cursor : auto - autres valeurs possibles
- alias / all-scroll / cell / context-menu / col-resize / copy / crosshair / default / e-resize / ew-resize / grab / grabbing / help / move / n-resize / ne-resize / nesw-resize / ns-resize / nw-resize / nwse-resize / no-drop / none / not-allowed / pointer / progress / row-resize / s-resize / se-resize / sw-resize / text / url(smiley.gif),url(myBall.cur),auto / vertical-text / w-resize / wait / zoom-in / zoom-out
Survoler les liens ci-dessous pour visualiser le curseur associé. - initial
- Défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » une spécificité.
Syntaxe :
cursor : initial - inherit
- Hérite de la même propriété que l’élément parent.
Syntaxe :
cursor : inherit
A voir aussi
border – box-sizing – clip – height – width – margin – padding – overflow – max-width – min-width – cursor– resize
