text-emphasis-color
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis mars 2022.
La propriété text-emphasis-color définit la couleur utilisée pour dessiner les marques d'emphase. Celle-ci peut être (re)définie grâce à la propriété raccourcie text-emphasis.
css
/* Valeur initiale */
text-emphasis-color: currentColor;
/* Valeur de couleur */
/* Type <color> */
text-emphasis-color: #555;
text-emphasis-color: blue;
text-emphasis-color: rgba(90, 200, 160, 0.8);
text-emphasis-color: transparent;
/* Valeurs globales */
text-emphasis-color: inherit;
text-emphasis-color: initial;
text-emphasis-color: unset;
Syntaxe
Valeurs
<color>-
Définit la couleur utilisée pour les marques. Si on ne définit pas de couleur, ce sera la couleur courante du texte qui sera utilisée.
Définition formelle
| Valeur initiale | currentcolor |
|---|---|
| Applicabilité | tous les éléments |
| Héritée | oui |
| Valeur calculée | couleur calculée |
| Type d'animation | une couleur |
Syntaxe formelle
text-emphasis-color =
<color>
Exemples
HTML
html
<p><em>Coucou</em>, je suis <em>là</em></p>
CSS
css
em {
text-emphasis-style: sesame;
text-emphasis-color: blue;
}
Résultat
Spécifications
| Specification |
|---|
| CSS Text Decoration Module Level 3 # text-emphasis-color-property |
Compatibilité des navigateurs
Chargement…
Voir aussi
text-emphasis-styletext-emphasis.text-emphasis-position- Le type de données
<color> - D'autres propriétés relatives aux couleurs
color,background-color,border-color,outline-color,text-emphasis-color,text-shadow,caret-coloretcolumn-rule-color - Appliquer des couleurs sur des éléments HTML