FANDOM


Un curseur est un pointeur qui indique la position actuelle de la souris (ou tout autre appareil) à l'écran.

Il est possible de modifier un peu l'apparence de cet indicateur si vous souhaitez attirer l'attention sur un texte ou une zone spécifique lorsque le curseur passe au-dessus.

Pas à pas Modifier

Afin de modifier l'apparence du curseur, vous devrez encadrer le texte ou la zone d'intérêt avec des balises span contenant le paramètre du curseur :

style="cursor: help;"

Par exemple :

<span style="cursor: help;">Passez votre souris ici pour voir le curseur !</span>

Ce qui donne le résultat suivant :

Passez votre souris ici pour voir le curseur !

Styles additionnels Modifier

Style du curseur Résultat
auto
default
text
Passez votre souris ici pour voir le curseur.
crosshair Passez votre souris ici pour voir le curseur.
move Passez votre souris ici pour voir le curseur.
pointer Passez votre souris ici pour voir le curseur.
progress Passez votre souris ici pour voir le curseur.
wait Passez votre souris ici pour voir le curseur.
Re-size arrows
e-resize
w-resize
Passez votre souris ici pour voir le curseur est ⇥.
Passez votre souris ici pour voir le curseur ouest ⇤.
n-resize
s-resize
Passez votre souris ici pour voir le curseur nord ↑.
Passez votre souris ici pour voir le curseur sud ↓.
ne-resize
sw-resize
Passez votre souris ici pour voir le curseur nord-est ↗.
Passez votre souris ici pour voir le curseur sud-ouest ↙.
nw-resize
se-resize
Passez votre souris ici pour voir le curseur nord-ouest ⇱.
Passez votre souris ici pour voir le curseur sud-est ⇲.

Il est généralement recommandé de se conformer à ces pointeurs standards, bien qu'il soit possible d'ajouter des pointeurs personnalisés via du CSS plus avancé. Si vous faites cela, assurez-vous de les choisir avec précautions et de vérifier qu'il est facile pour les utilisateurs de voir précisément où le curseur pointe précisément.

Voir aussi Modifier

Plus d'aideModifier

Sauf mention contraire, le contenu de la communauté est disponible sous licence CC-BY-SA .