Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

caret - Propriété CSS

caret

Résumé des caractéristiques de la propriété caret

Description rapide
Définit la couleur et la forme du marqueur de texte.
Statut
Problèmes de compatibilité
Type de valeur
Voir les propriétés individuelles.
Pourcentages
Ne s'appliquent pas.
Valeur initiale
auto
Héritée par défaut
Oui
Type d'animation
Voir les propriétés individuelles.
Module W3C
Module CSS - Interface utilisateur de base
Références (W3C)
Statut du document:: WD (document de travail)

Description.

La propriété CSS caret définit la couleur et la forme du marqueur de texte. Ce dernier est en général clignotant et apparaît lorsque une zone de saisie de texte est active.

Attention à ne pas confondre la marqueur de texte et le curseur de la souris :

Curseur souris et marqueur de texte

caret est donc une propriété résumée qui permet de définir en une seule règle les propriétés suivantes :

Syntaxes pour caret.

  • color est une couleur, spécifiée dans l'une des syntaxes reconnues par CSS (voir les couleurs CSS).
Caret - SyntaxSyntax diagram for the caret CSS property: text cursor formatting. color color auto auto bar bar block block underscore underscorecaret:;caret:;
  • caret: auto;

    La couleur et la forme du marqueur de texte sont déterminées par le navigateur, en fonction du contexte. La plupart du temps, la couleur est celle du texte (currentColor) et la forme est un trait clignotant (bar) en mode insertion de caractères, et un pavé (block) en mode remplacement de caractères.

  • caret: red bar;

    Cette syntaxe indique que le marqueur de texte doit avoir la forme d'une mince barre verticale rouge.

    Comme toutes les propriété résumée, caret initialise les deux valeurs même si une seule est précisée. Par exemple, la syntaxe caret:bar; définit la forme du marqueur, mais rétablit également la couleur du marqueur à currentColor qui est sa valeur initiale.

  • caret: initial; caret: inherit; caret: revert; caret: revert-layer; caret: unset;

    La valeur initiale est : auto.

Animation de caret.

L'animation de la propriété caret est possible, mais d'un intérêt limité.

La propriété caret est-elle bien prise en charge ?

La propriété caret est nouvelle : très peu de navigateurs la prennent en charge (2024).

Voir aussi, dans le même module de standardisation que caret.

Les spécifications CSS éditées par le W3C sont organisées en modules. caret fait partie du Module CSS - Interface utilisateur de base (CSS Basic User Interface Module ). Les définitions suivantes sont également décrites dans ce même module.

Propriétés.

Définit la couleur des élément actifs, cochés.
Définit toutes les propriétés nécessaires pour qu'un élément soit affiché comme un bouton, un menu, etc.
Choisit la couleur du marqueur de texte (curseur clignotant).
Définit la forme du curseur de texte.
Définit la forme du curseur de la souris.
Définit l'accessibilité d'une zone de saisie.
Résumé des caractéristiques d'encadrement.
Définit la couleur de l'encadrement (outline).
Définit l'espacement entre le contour et l'élément.
Définit le type de trait des contours (simple, double, pointillé...).
Définit l'épaisseur du trait d'encadrement.
Autorise ou empêche le dimensionnement de l'élément. par l'utilisateur.
Définit si le contenu d'un élément est sélectionnable par l'utilisateur ou non.