caret-color CSS propriété

Définition de la CSS caret-color.

La propriété CSS caret-color permet de spécifier la couleur du caret.
Le caret est un indicateur visible du point d'insertion dans un élément où le texte (ou autre contenu) est inséré par l'internaute. A ne pas confondre avec le curseur : cursor

caret-color : auto;
caret-color : currentColor; 
caret-color : transparent; 
caret-color : #EEE8AA;
caret-color : rgb(238,232,170);
caret-color : rgba(238,232,170,0.5);
caret-color : hsl(55,67%,80%);

La propriété CSS caret-color peut prendre une valeur :

• auto : la couleur du caret est laissée au choix du navigateur.
• currentColor : la couleur du caret est égale à la valeur calculée color.
• transparent : la couleur du caret est transparente.
• #RGB : couleur hexadécimale, ex:#EEE8AA.
• nommée : couleur prédéfinie, ex:palegoldenrod.
• rgb(r,g,b) : couleur RGB. r, g et b sont compris entre 0 et 255, s'ils sont en pourcentage alors spécifier l'unité "%". Ex:rgb(238,232,170).
• rgba(r,g,b,alpha) : couleur RGB avec transparence (CSS3). "alpha" est compris entre 0 et 1 pour opaque. Ex:rgba(238,232,170,0.2).
• hsl(h,s%,l%) : couleur en HSL (CSS3), ex:hsl(55,67%,80%).
• hsla(h,s%,l%,alpha) : couleur en HSL avec transparence (CSS3). "alpha" est compris entre 0 et 1 pour opaque. Ex:hsla(55,67%,80%,0.5).

Exemple de code caret-color CSS

Conditions d'application de la CSS caret-color.

La propriété de feuille de style caret-color CSS est applicable sur touts les balises HTML ou XHTML proposant une insertion de texte par l'internaute, entre autre la balise input ou textarea .

Problème d'interprétation de caret-color en Css.

La propriété de feuille de style caret-color Css n'est pas reconnue à ce jour (08-2017) par tous les navigateurs.

Conditions d'animation de caret-color en CSS3.

La CSS caret-color est une propriété de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.