Cette propriété définit l'apparence et le comportement du curseur de la souris. Des mot-clés prédéfinissent le type du curseur, mais il est possible d'affecter un curseur différent par l'intermédiaire d'un fichier adéquate. Pour cela, il suffira, en principe, de citer l'adresse URL du document afin que le curseur adopte la forme escomptée.
| cursor | |
|---|---|
| Valeur | Adresse URL auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help |
| Valeur par défaut | auto |
| Domaine d'application | Tous les éléments |
| Héritage | oui |
| Media | visuel et interactif |
| Valeur possible |
Action | Exemple |
|---|---|---|
| auto | Le navigateur définit un curseur de base dans le contexte courant. | p {cursor: auto} |
| Adresse URL | Le curseur est défini par un fichier spécifique. | object {cursor: url(MonCurseur.cur)} |
| crosshair | Le curseur prend la forme d'une croix "+". | img {cursor: crosshair} |
| default | La plateforme définit un curseur par défaut. | table {cursor: default} |
| pointer | Le curseur est un pointeur qui indique un lien. | ul {cursor: pointer} |
| move | Le curseur indique que quelque chose est déplacé. | blockquote {cursor: move} |
| e-resize | Le curseur indique un redimensionnement avec un mouvement venant de l'est. | body {cursor: e-resize} |
| ne-resize | Le curseur indique un redimensionnement avec un mouvement venant du nord-est. | frameset {cursor: ne-resize} |
| nw-resize | Le curseur indique un redimensionnement avec un mouvement venant du nord-ouest. | th {cursor: nw-resize} |
| n-resize | Le curseur indique un redimensionnement avec un mouvement venant du nord. | tbody {cursor: n-resize} |
| se-resize | Le curseur indique un redimensionnement avec un mouvement venant du sud-est. | td {cursor: se-resize} |
| sw-resize | Le curseur indique un redimensionnement avec un mouvement venant du sud-ouest. | thead {cursor: sw-resize} |
| s-resize | Le curseur indique un redimensionnement avec un mouvement venant du sud. | iframe {cursor: s-resize} |
| w-resize | Le curseur indique un redimensionnement avec un mouvement venant de l'ouest. | iframe {cursor: w-resize} |
| text | Le curseur indique qu'un texte peut être sélectionné. | pre {cursor: text} |
| wait | Le curseur indique que le système est occupé et qu'il faille donc attendre. | embed {cursor: wait} |
| help | Le curseur indique que l'aide est disponible sur l'élément. | object {cursor: help} |
| Windows | Macintosh | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| NE4 | NE6 | NE7 | IE5 | IE55 | IE6 | OP5 | OP6 | OP7 | NE4 | NE6 | NE7 | IE4 | IE5 |
