Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
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é raccourcietext-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 | unecouleur |
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
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