caret - Propriété CSS
Résumé des caractéristiques de la propriété caret
auto
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 :
caret
est donc une propriété résumée qui permet de définir en une seule règle les propriétés suivantes :
caret-color
: couleur du marqueur de texte.caret-shape
: forme du marqueur de texte.
Syntaxes pour caret
.
color
est une couleur, spécifiée dans l'une des syntaxes reconnues par CSS (voir les couleurs CSS).
- 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 syntaxecaret:bar;
définit la forme du marqueur, mais rétablit également la couleur du marqueur àcurrentColor
qui est sa valeur initiale. 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.