CSS : Cursor

En CSS, la propriété cursor permet de déterminer le type de curseur (de souris) à afficher. Cursor offre la possibilité de choisir entre différentes valeurs:

• auto : valeur par défaut permettant l'affichage d'un curseur de façon automatique.
• default : le curseur est de type standard.
• n-resize : le curseur affiché est une flèche de direction nord.
• ne-resize : le curseur affiché est une flèche de direction nord-est.
• nw-resize : le curseur affiché est une flèche de direction nord-ouest.
• s-resize : le curseur affiché est une flèche de direction sud.
• se-resize : le curseur affiché est une flèche de direction le sud-est.
• sw-resize : le curseur affiché est une flèche de direction le sud-ouest.
• e-resize : le curseur affiché est une flèche de direction est.
• w-resize : le curseur affiché est une flèche de direction ouest.
• pointer : curseur prenant la forme d'une main.
• crosshair : curseur prenant la forme d'une croix.
• wait : curseur indiquant un temps d'attente.
• progress : curseur indiquant une tâche de fond en cours de traitement.
• text : curseur indiquant une zone de texte ou de saisie de texte.
• move : curseur indiquant la possibilité de déplacer un élément.
• help : curseur indiquant une aide.
• url : valeur permettant d'obtenir un curseur personnalisé (en .cur ou .ani).

Exemple d'utilisation de la propriété cursor (langage css):

1
2
3
4
5
6

body
{
width: 800px;
background-color: white;
cursor: url(curseur.cur);
}

Partager / Evaluer cette page web :