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