`text-emphasis-style` 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.

Vollständige Kompatibilität anzeigen
Mehr erfahren

Die text-emphasis-style CSS-Eigenschaft legt das Erscheinungsbild von Betonungszeichen fest. Sie kann auch mithilfe der text-emphasis-Kurzform gesetzt und zurückgesetzt werden.

Probieren Sie es aus

text-emphasis-style: none;

text-emphasis-style: triangle;

text-emphasis-style: "x";

text-emphasis-style: filled double-circle;

<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;
}

Syntax

css

/* Initial value */
text-emphasis-style: none; /* No emphasis marks */

/* <string> values */
text-emphasis-style: "x";
text-emphasis-style: "\25B2";
text-emphasis-style: "*";

/* Keyword values */
text-emphasis-style: filled;
text-emphasis-style: open;
text-emphasis-style: dot;
text-emphasis-style: circle;
text-emphasis-style: double-circle;
text-emphasis-style: triangle;
text-emphasis-style: filled sesame;
text-emphasis-style: open sesame;

/* Global values */
text-emphasis-style: inherit;
text-emphasis-style: initial;
text-emphasis-style: revert;
text-emphasis-style: revert-layer;
text-emphasis-style: unset;

Werte

none: Keine Betonungszeichen.
filled: Die Form ist mit einer Vollfarbe gefüllt. Wenn weder filled noch open vorhanden ist, ist dies der Standard.
open: Die Form ist hohl.
dot: Kleine Kreise als Markierungen anzeigen. Der gefüllte Punkt ist '•' (U+2022), der offene Punkt ist '◦' (U+25E6).
circle: Große Kreise als Markierungen anzeigen. Der gefüllte Kreis ist '●' (U+25CF), der offene Kreis ist '○' (U+25CB).
double-circle: Doppelte Kreise als Markierungen anzeigen. Der gefüllte Doppelkreis ist '◉' (U+25C9), der offene Doppelkreis ist '◎' (U+25CE).
triangle: Dreiecke als Markierungen anzeigen. Das gefüllte Dreieck ist '▲' (U+25B2), das offene Dreieck ist '△' (U+25B3).
sesame: Sesamzeichen als Markierungen anzeigen. Das gefüllte Sesamzeichen ist '﹅' (U+FE45), das offene Sesamzeichen ist '﹆' (U+FE46).
<string>: Geben Sie die angegebene Zeichenkette als Markierungen an. Autoren sollten nicht mehr als ein Zeichen in <string> angeben. Der Benutzeragent kann Zeichenfolgen, die aus mehr als einem Graphem-Cluster bestehen, kürzen oder ignorieren.

Formale Definition

Anfangswert	`none`
Anwendbar auf	alle Elemente
Vererbt	Ja
Berechneter Wert	wie angegeben
Animationstyp	diskret

Formale Syntax

text-emphasis-style = 
  none                                                |
  [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ]  |
  <string>

Beispiele

Einfaches Beispiel

css

h2 {
  -webkit-text-emphasis-style: sesame;
  text-emphasis-style: sesame;
}

Spezifikationen

Spezifikation
CSS Text Decoration Module Level 3 # text-emphasis-style-property

Browser-Kompatibilität

Siehe auch

Die verwandten Eigenschaften text-emphasis-color, text-emphasis.
Die text-emphasis-position-Eigenschaft, die es Ihnen ermöglicht, die Position der Betonungszeichen zu definieren.

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

text-emphasis-style CSS property

Help improve MDN

`text-emphasis-style` CSS property