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 |
|
| Partagez cette question |
|
| Questions similaires | |
| Mots clés | css, curseur, cursor, souris |