Exemple
Quelques différents curseurs:
span.crosshair
{
cursor: crosshair;
}
span.help
{
cursor: help;
}
span.wait
{
cursor: wait;
}
Essayez - le vous - même » Définition et utilisation
La propriété du curseur spécifie le type de curseur à afficher lorsque le pointeur sur un élément.
| Valeur par défaut: | auto |
|---|---|
| Hérité: | yes |
| Animable: | no. Read about animatable |
| Version: | CSS2 |
| Syntaxe JavaScript: | object .style.cursor="crosshair" Try it |
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| cursor | 5.0 | 5.5 | 4.0 | 5.0 | 9.6 |
Syntaxe CSS
cursor:value;propriété valeurs
| Valeur | La description | Joue-le |
|---|---|---|
| alias | Le curseur indique un alias de quelque chose doit être créé | Joue-le " |
| all-scroll | Le curseur indique que quelque chose peut être défilée dans toutes les directions | Joue-le " |
| auto | Défaut. Le navigateur définit un curseur | Joue-le " |
| cell | Le curseur indique qu'une cellule (or set of cells) un (or set of cells) peut être sélectionné | Joue-le " |
| context-menu | Le curseur indique qu'un menu contextuel est disponible | Joue-le " |
| col-resize | Le curseur indique que la colonne peut être redimensionnée horizontalement | Joue-le " |
| copy | Le curseur indique quelque chose à copier | Joue-le " |
| crosshair | Le curseur de rendu comme un réticule | Joue-le " |
| default | Le curseur par défaut | Joue-le " |
| e-resize | Le curseur indique qu'un bord d'une boîte doit être déplacée à droite (east) | Joue-le " |
| ew-resize | Indique un curseur de redimensionnement bidirectionnel | Joue-le " |
| grab | Le curseur indique que quelque chose peut être saisi | Joue-le " |
| grabbing | Le curseur indique que quelque chose peut être saisi | Joue-le " |
| help | Le curseur indique que l'aide est disponible | Joue-le " |
| move | Le curseur indique quelque chose doit être déplacé | Joue-le " |
| n-resize | Le curseur indique qu'un bord d'une boîte doit être déplacé vers le haut (north) | Joue-le " |
| ne-resize | Le curseur indique qu'un bord d'une boîte doit être déplacé vers le haut et à droite (north/east) | Joue-le " |
| nesw-resize | Indique un curseur de redimensionnement bidirectionnel | Joue-le " |
| ns-resize | Indique un curseur de redimensionnement bidirectionnel | Joue-le " |
| nw-resize | Le curseur indique qu'un bord d'une boîte doit être déplacé vers le haut et à gauche (north/west) | Joue-le " |
| nwse-resize | Indique un curseur de redimensionnement bidirectionnel | Joue-le " |
| no-drop | Le curseur indique que l'élément déplacé ne peut pas être abandonné ici | Joue-le " |
| none | Aucun curseur est rendu pour l'élément | Joue-le " |
| not-allowed | Le curseur indique que l'action demandée ne sera pas exécuté | Joue-le " |
| pointer | Le curseur est un pointeur et indique un lien | Joue-le " |
| progress | Le curseur indique que le programme est occupé (in progress) | Joue-le " |
| row-resize | Le curseur indique que la ligne peut être redimensionnée verticalement | Joue-le " |
| s-resize | Le curseur indique qu'un bord d'une boîte doit être déplacé vers le bas (south) | Joue-le " |
| se-resize | Le curseur indique qu'un bord d'une boîte doit être déplacé vers le bas et à droite (south/east) | Joue-le " |
| sw-resize | Le curseur indique qu'un bord d'une boîte doit être déplacé vers le bas et à gauche (south/west) | Joue-le " |
| text | Le curseur indique le texte qui peut être sélectionné | Joue-le " |
| URL | Une virgule liste d'URL séparés pour curseurs personnalisés. Note: Toujours spécifier un curseur générique à la fin de la liste, dans le cas où aucun des curseurs d'URL définis peuvent être utilisés | Joue-le " |
| vertical-text | Le curseur vertical indique le texte qui peut être sélectionné | Joue-le " |
| w-resize | Le curseur indique qu'un bord d'une boîte doit être déplacée vers la gauche (west) | Joue-le " |
| wait | Le curseur indique que le programme est occupé | Joue-le " |
| zoom-in | Le curseur indique que quelque chose peut être agrandie | Joue-le " |
| zoom-out | Le curseur indique que quelque chose peut être agrandie sur | Joue-le " |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial | Joue-le " |
| inherit | Hérite cette propriété de son élément parent. Lisez à propos de hériteront |
Pages associées
Référence HTML DOM: cursor property