Liste des curseurs CSS
Explorez les 36 types de curseurs CSS en survolant et copiez le code
Caractéristiques
Affichage de tous les 36 curseurs
Tous les mots-clés standard CSS rassemblés sur une seule page
Voir l'apparence réelle au survol
Le curseur change de forme lorsque vous le survolez
Organisé en 6 groupes par cas d'usage
Descriptions courtes facilitent la recherche du curseur souhaité
Copier le CSS en un clic
Code prêt à coller au format « cursor: pointer; »
Mode d'emploi
Chercher par groupe
Parcourez les titres organisés par cas d'usage, comme « Général » ou « Glisser-déposer »
Survolez pour vérifier
Placez le curseur sur la zone « Survolez ici » pour voir la forme
Copiez et collez
Utilisez le bouton « Copier » pour obtenir le CSS et collez-le dans votre feuille de style
Cas d'usage
Vérifier le curseur des boutons et liens
Vérifiez l'apparence du pointer pour les éléments cliquables
Choisir le curseur pour une interface de glisser-déposer
Comparez grab, move et copy pour choisir la forme appropriée au tri ou au déplacement
Distinguer les états désactivé et en cours de traitement
Vérifiez la différence entre not-allowed, wait et progress pour les utiliser correctement
Mémoriser les valeurs en apprenant le CSS
Consultez et mémorisez les types et la signification des valeurs de cursor
Connaissances fondamentales
Différence entre pointer et default
pointer est un curseur en forme de doigt, utilisé pour indiquer que l'élément est cliquable, comme un lien ou un bouton. default est le curseur flèche standard de l'environnement, généralement utilisé sur du texte ou un arrière-plan où aucune action n'est possible.
Fonctionnement de la valeur initiale auto du cursor
La valeur initiale de la propriété cursor est auto. Le navigateur choisit automatiquement la forme du curseur en fonction de l'emplacement : text sur le texte, default ailleurs.
Causes quand le cursor n'a pas d'effet
Si le curseur ne change pas malgré la spécification de cursor, c'est généralement parce qu'un autre élément le recouvre ou qu'une autre règle l'écrase.
- Élément recouvrant：Si un élément transparent ou une pseudo-élément le recouvre, le curseur affiche la forme définie par le cursor de l'élément le plus haut.
- Écrasement par spécificité：Lorsque plusieurs règles s'appliquent au même élément, la règle avec la spécificité la plus haute (force du sélecteur) prime pour le cursor.
- Différences selon le système d'exploitation et le navigateur：L'apparence du curseur est fournie par le système d'exploitation ou le navigateur, donc la même valeur peut avoir une forme différente sur Windows et macOS.
Sécurité et confidentialité
Tout dans le navigateur
Les données saisies sont traitées uniquement dans votre navigateur et ne sont pas envoyées à l'extérieur.
Traitement dans le navigateur uniquement
Affichage du curseur et copie du code s'effectue entièrement dans votre navigateur et les données saisies ne sont pas envoyées aux serveurs.
Communication chiffrée via HTTPS
Le chargement de la page est également chiffré par TLS et son contenu ne peut être consulté par des tiers.
Aucune transmission à des tiers
Les données saisies ne sont pas transmises à des services externes tels que les réseaux publicitaires ou les suivi.
Aucune sauvegarde automatique des résultats
Code copié et les suggestions de saisie ne sont pas stockés sur le serveur.
Suivez RAKKOTOOLS sur Google Search
189 outils pratiques deviennent plus faciles à découvrir via Google Search et la recherche IA !
- Découvrable en recherche
- Affiché aussi en recherche IA
- Découvrez les nouveaux outils
Mises à jour
- update #318
Ajouter une liste de curseurs CSS, vérifier tous les types de cursor au survol et copier