La propriété cursor permet de changer l'aspect du curseur sur un élément d'une page web. Pour l'utiliser, il faut simplement appliquer le style CSS à l'élément désiré.

Note : Le curseur affiché correspond au type de curseur de l'ordinateur du client.

Icone	Valeur	Exemple(survolez les cases jaune)
	default	style="cursor: default;"
	pointer	style="cursor: pointer;"
	crosshair	style="cursor: crosshair;"
	text	style="cursor: text;"
	wait	style="cursor: wait;"
	move	style="cursor: move;"
	e-resize	style="cursor: e-resize;"
	ne-resize	style="cursor: ne-resize;"
	nw-resize	style="cursor: nw-resize;"
	n-resize	style="cursor: n-resize;"
	se-resize	style="cursor: se-resize;"
	sw-resize	style="cursor: sw-resize;"
	s-resize	style="cursor: s-resize;"
	w-resize	style="cursor: w-resize;"
	progress	style="cursor: progress;"
	all-scroll	style="cursor: all-scroll;"
	col-resize	style="cursor: col-resize;"
	no-drop	style="cursor: no-drop;"
	not-allowed	style="cursor: not-allowed;"
	row-resize	style="cursor: row-resize;"
	vertical-text	style="cursor: vertical-text;"
	help	style="cursor: help;"

Pour se rappeler les propriétés de redimensionnement "**-resize", c'est simple : n, s, e, w correspondent aux 4 points cardinaux qui sont Nord, Sud, Est et Ouest. Il suffit d'indiquer la direction vers laquelle le curseur doit pointer, suivi de "-resize".

Note: Toutes ces propriétés ne sont pas acceptés par tous les navigateurs!

Exemple :

.bb{width:100%;
background:yellow;
cursor: move;
}

<div class="bb">
<a href="#" style="cursor: help;">Aide</a>
</div>

Résultat : survolez le lien et la case jaune

Catégorie CSS