css:cursor

Un article de Polydoc.

[modifier] Description

Cette propriété permet de modifier l'apparence du pointeur de la souris.

[modifier] Valeurs

• auto => curseur automatique (par défaut)
• default => curseur standard
• pointer => curseur en forme de main, comme quand on pointe sur un lien
• text => curseur utilisé quand on pointe sur du texte
• wait => curseur utilisé pour indiquer une attente (sablier)
• help => curseur en forme de point d'interrogation, indiquant une aide
• move => curseur en forme de croix, indiquant un déplacement possible

• n-resize => flèche vers le nord
• ne-resize => flèche vers le nord-est
• e-resize => flèche vers l'est
• se-resize => flèche vers le sud-est
• s-resize => flèche vers le sud
• sw-resize => flèche vers le sud-ouest
• w-resize => flèche vers l'ouest
• nw-resize => flèche vers le nord-ouest

• url => curseur personnalisé, de type .cur ou .ani.

[modifier] Exemples

/* changement du curseur en point d'interrogation lors du survol d'un lien */
a:hover {
cursor: help;
}</code><code lang="css">/* changement du curseur en un curseur personnalisé lors du survol d'un lien */
a:hover {
cursor: url('moncurseur.cur');
}