Propriétés CSS : cursor

Description La propriété CSS cursor permet de spécifier par une feuille de style la forme du curseur de la souris.

Valeurs de la propriété CSS cursor :
- auto : curseur par défaut
- nw-resize : curseur en forme de double petite flèche en diagonale bas droit vers haut gauche
- crosshair : curseur en forme de croix fine
- n-resize : curseur en forme de double petite flèche verticale
- default : curseur en forme de grosse flèche
- se-resize : curseur en forme de double petite flèche en diagonale bas droit vers haut gauche
- pointer : curseur en forme de main avec un doigt déplié
- sw-resize : curseur en forme de curseur en forme de double petite flèche en diagonale bas gauche vers haut droit
- move : curseur en forme de quatre flèches en croix
- s-resize : curseur en forme de double petite flèche verticale
- e-resize : curseur en forme de double petite flèche horizontale
- w-resize : curseur en forme de double petite flèche horizontale
- ne-resize : curseur en forme de double petite flèche en diagonale bas gauche vers haut droit
- text : curseur en forme de sorte de grand I
- help : curseur en forme de flèche et "?"
- wait : curseur en forme de sablier
- inherit : la forme du curseur hérite de son parent
- progress : curseur en forme de flèche avec sablier
- not-allowed : curseur en forme de rond barré
- no-drop : curseur en forme de main avec un doigt déplié avec un rond barré
- col-resize : curseur fait de deux traits verticaux avec une flèche de chaque coté
- row-resize : curseur fait de deux traits horizontaux avec une flèche de chaque coté

Il est aussi possible d'ajouter un curseur personnalisé en CSS.
Publicité
Solution // Exemples de curseurs
img{
cursor : move;
}
p{
cursor : text;
}

// Curseur personnalisé
a{
cursor: url('img/votrecurseur.cur'), auto;
}
Notez la solution
1.7/5 (102 votes)
Partagez cette question
Questions similaires
Mots clés css, curseur, cursor, souris
Derniére modification le 12/03/08 à 13:07