cursor : permet de changer le curseur pour un élément HTML
Syntaxe :
[ [<uri> [<x> <y>]?,]*
[ auto | default | none |
context-menu | help | pointer | progress | wait |
cell | crosshair | text | vertical-text |
alias | copy | move | no-drop | not-allowed |
e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out
] ] | inherit
Note :
Il peut y avoir plusieurs <uri>. Une alternative non <uri> est obligatoire en fin de déclaration au cas où les <uri> ne soient pas résolues.
Les coordonnées <x> et <y> définissent le points chaud de l'image. Plus d'infos sur :
http://www.w3.org/TR/css3-ui/#cursor
Version CSS : 2.1
Compatibilité :
IE Firefox Safari Opera Chrome
5.5 1 1.2 7 0.2
Exemple de syntaxe :
cursor: progress;
cursor: cell;
cursor: not-allowed;
Exemple code :
#div1 {
width: 50px;
height: 50px;
background-color: yellowgreen;
cursor: progress;
}
#div2 {
width: 50px;
height: 50px;
background-color: salmon;
cursor: cell;
}
#div3 {
width: 50px;
height: 50px;
background-color: silver;
cursor: not-allowed;
}
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
Partager