Par défaut, on peut utiliser comme curseurs dit classiques 16 possibilités.

default :

Curseur par défaut (couramment une flèche)

auto :

Curseur dans le contexte courant

crosshair :

Curseur de ciblage

help :

Curseur d’aide

move :

Curseur de déplacement

pointer :

Curseur indiquant un lien

text :

Curseur de texte

wait :

Curseur d’attente

progress :

Curseur de progression

n-resize :

Curseur de redimensionnement Nord

nw-resize :

Curseur de redimensionnement Nord-Ouest

ne-resize :

Curseur de redimensionnement Nord-Est

s-resize :

Curseur de redimensionnement Sud

se-resize :

Curseur de redimensionnement Sud-Est

sw-resize :

Curseur de redimensionnement Sud-Ouest

w-resize :

Curseur de redimensionnement Ouest

e-resize :

Curseur de redimensionnement Est

En CSS, nous avons aussi la possibilité de définir également un curseur tout autre. Un curseur de votre choix, que vous auriez vous même dessiné ou non, qui ne sera pas localisé comme les curseurs classiques sur l’ordinateur même de l’internaute mais qui sera en ligne quelque part. On le défnit par la valeur url() de la même façon qu’un background-image.

Quel format utiliser pour son curseur personalisé ? On peut à loisir choisr tout type de format image (PNG, GIF, JPG, etc.) et bien sûr des formats curseur (extension .cur). La syntaxe est celle ci :

[css] .maclass {     cursor:url(moncurseur.cur), auto; }

Dans l’exemple ci-dessus, on peut lire que tout les éléments ayant l’attribut class de valeur "maclass" afficheront le curseur "moncurseur.cur" sinon le curseur classique "auto".

Le seul hic est qu’Internet Explorer ne gère que les curseurs au format .cur. Dans l’exemple ci-dessous, uniquement le premier item fonctionne sous le logiciel de Microsoft. Au contraire, un navigateur comme Firefox ne pose aucun problème sur les autres formats.

• Curseur format .cur
• Curseur format .gif
• Curseur format .jpg
• Curseur format .png

Nous verrons dans un prochain billet comment créer des curseurs au format .cur et par la même occasion des favicons.