Le CSS Cursor

IntroductionFor l'écran d'ordinateur, le curseur est le pointeur de la souris. CSS vous permet de donner différentes formes à ce curseur. Dans cet article, je vous donne les noms des différentes formes, les descriptions des formes et des échantillons de code indiquant comment vous pouvez les créer.

CSS est maintenant à la version 2. Version 1 ne dit rien au sujet de la curseur. Les informations que vous donnée ici est basée sur la spécification CSS2

Vous avez besoin des connaissances de base en CSS pour comprendre cet article

Note:..

Si vous ne pouvez pas voir le code ou si vous pensez que quelque chose qui manque dans cet article (lien brisé, l'image absente), contactez-moi au [email protected]. Voilà, me contacter pour le moindre problème que vous avez à propos de ce que vous lisez.

Donner le curseur un ShapeTo donner un curseur de forme, vous avez besoin d'une paire curseur /valeur dans le bloc de déclaration pour la règle CSS de l'élément concerné. La propriété du curseur peut prendre de nombreuses valeurs.

Vous donnez le curseur une forme particulière en donnant une valeur particulière à la propriété du curseur. Dans cet article, je vous donne les noms des valeurs (formes) et leurs significations. Lorsque le pointeur de la souris survole un élément (ou sur la propriété de l'élément) le pointeur de la souris prend la forme, la valeur de la propriété du curseur spécifie pour cet élément. Pour cet article, le curseur et le pointeur de la souris signifient la même chose.

Maintenant, penchons-nous sur les valeurs et les exemples.

Dans de nombreux exemples, un élément de paragraphe HTML dont la largeur est de 30% celle de la largeur de corps est utilisé.

autoWith cette valeur, le navigateur détermine la forme du curseur sur la base du contenu actuel. Cela est généralement le même que ne pas avoir toute paire curseur /valeur dans la feuille de style. Lorsque vous ne disposez pas de toute paire curseur /valeur dans la feuille de style, le navigateur détermine normalement la forme du curseur en fonction de la forme de context.

crosshairThis actuelle est une croix simple, comme des segments de ligne courts ressemblant à un signe "+". Essayez le code suivant qui illustre ce que l'élément de paragraphe. Lorsque le navigateur affiche le paragraphe, placez le pointeur de la souris dessus et noter la forme du pointeur de la souris.