text-emphasis-color CSS property
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit März 2022 browserübergreifend verfügbar.
Die text-emphasis-color CSS Eigenschaft legt die Farbe von Hervorhebungszeichen fest. Dieser Wert kann auch mit dem text-emphasis Shorthand festgelegt werden.
Probieren Sie es aus
text-emphasis-color: currentColor;
text-emphasis-color: red;
text-emphasis-color: rgb(90 200 160 / 0.8);
<section id="default-example">
<p>
I'd far rather be
<span class="transition-all" id="example-element">happy than right</span>
any day.
</p>
</section>
p {
font: 1.5em sans-serif;
}
#example-element {
text-emphasis: filled;
}
Syntax
css
/* Initial value */
text-emphasis-color: currentColor;
/* <color> */
text-emphasis-color: #555555;
text-emphasis-color: blue;
text-emphasis-color: rgb(90 200 160 / 80%);
text-emphasis-color: transparent;
/* Global values */
text-emphasis-color: inherit;
text-emphasis-color: initial;
text-emphasis-color: revert;
text-emphasis-color: revert-layer;
text-emphasis-color: unset;
Werte
<color>-
Definiert die Farbe der Hervorhebungszeichen. Wenn keine Farbe angegeben ist, wird standardmäßig
currentColorverwendet.
Formale Definition
| Anfangswert | currentcolor |
|---|---|
| Anwendbar auf | alle Elemente |
| Vererbt | Ja |
| Berechneter Wert | berechnete Farbe |
| Animationstyp | Farbe |
Formaler Syntax
text-emphasis-color =
<color>
Beispiele
Hervorhebung mit einer Farbe und einem benutzerdefinierten Zeichen
CSS
css
em {
text-emphasis-color: green;
text-emphasis-style: "*";
}
HTML
html
<p>Here's an example:</p>
<em>This has emphasis marks!</em>
Ergebnis
Spezifikationen
| Spezifikation |
|---|
| CSS Text Decoration Module Level 3 # text-emphasis-color-property |
Browser-Kompatibilität
Siehe auch
- Der
<color>Datentyp - Die anderen mit Hervorhebungszeichen zusammenhängenden Eigenschaften:
text-emphasis-style,text-emphasis, undtext-emphasis-position. - Andere farbbezogene Eigenschaften:
color,background-color,border-color,outline-color,text-shadow,caret-color, undcolumn-rule-color.