FrançaisFR

Liste des curseurs CSS – toutes les valeurs avec aperçu

Survolez une carte pour essayer le curseur, puis cliquez pour copier le CSS.

Vos textes et fichiers restent dans votre navigateur : rien n’est envoyé à un serveur.

Survolez une carte avec la souris pour afficher ce curseur. Un clic copie la ligne CSS.

Général

Liens et état

Sélection

Glisser-déposer

Redimensionnement et défilement

Zoom

Mode d’emploi

  1. Survolez n’importe quelle carte pour voir le curseur en action. Son apparence exacte varie un peu selon le système d’exploitation et le navigateur.
  2. Cliquez sur une carte pour copier « cursor: valeur; », puis collez-le dans votre règle CSS.
  3. Tapez un mot comme resize ou move dans « Rechercher » pour filtrer la liste.
  4. Les smartphones et les tablettes n’ont pas de pointeur de souris : consultez donc l’aperçu sur un ordinateur.

Questions fréquentes

Puis-je utiliser ma propre image comme curseur ?

Oui : cursor: url(curseur.png) 4 4, pointer; – les deux nombres fixent le point actif (x y), et la valeur standard à la fin est obligatoire comme solution de repli si l’image ne se charge pas. L’image ne doit pas dépasser 32×32 px.

Quand utiliser pointer et quand utiliser default ?

Réservez pointer à ce qui est cliquable, comme les liens et les boutons, et gardez default partout ailleurs. Une main au-dessus d’un élément non cliquable déroute les visiteurs.

grab ne s’affiche pas dans certains navigateurs.

Les très anciens navigateurs demandaient des préfixes comme -webkit-grab. Les versions actuelles de Chrome, Edge, Firefox et Safari prennent toutes en charge les valeurs standard grab et grabbing.

Outils similaires

Dégradé CSSDégradés linéaires, radiaux, coniquesFiltres CSSFlou, luminosité, gris et plusSélecteur de couleurHEX, RGB, HSL et CMJN d’un coup d’œilÉditeur HTMLHTML, CSS et JS en direct

Tous les outils