La propriété CSS cursor permet de gérer la forme du curseur des éléments sur lesquels elle est appliquée.

#mon_identifiant {
cursor:help;
}

Elle permet de modifier la forme du curseur, les valeurs possibles sont:

  • auto, automaique
  • nw-resize, en forme de double petite flèche en diagonale bas droit vers haut gauche,
  • crosshair,  en forme de croix fine,
  • n-resize, en forme de double petite flèche verticale,
  • default, en forme de grosse flèche,
  • se-resize, en forme de double petite flèche en diagonale bas droit vers haut gauche,
  • pointer, en forme de main avec un doigt déplié,
  • sw-resize, en forme de curseur en forme de double petite flèche en diagonale bas gauche vers haut droit,
  • move, en forme de quatre flèches en croix,
  • s-resize, en forme de double petite flèche verticale,
  • e-resizen en forme de double petite flèche horizontale,
  • w-resize, en forme de double petite flèche horizontale,
  • ne-resize, en forme de double petite flèche en diagonale bas gauche vers haut droit,
  • text, en forme de sorte de grand I,
  • help, en forme de flèche et « ? »,
  • wait, en forme de sablier,
  • progress, en forme de flèche avec sablier,
  • not-allowed, en forme de rond barré,
  • no-drop, en forme de main avec un doigt déplié avec un rond barré,
  • col-resize, fait de deux traits verticaux avec une flèche de chaque coté.
  • row-resize, fait de deux traits horizontaux avec une flèche de chaque coté.
  • inherit, hérite de son parent.
  • url(curseur.cur):url du curseur

Exemple :

CSS
p{
cursor:help;
}
HTML
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.
</p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.