CSS text-emphasis-Eigenschaft

Definition und Verwendung

text-emphasis Eigenschaft, um Text mit Betonungsmarkierungen hervorzuheben.

text-emphasis Eigenschaft ist text-emphasis-style und text-emphasis-color kurze Schreibweise.

Tipp:Die Größe der Betonungsmarkierung beträgt etwa 50% der Zeichengröße.

Beispiel

Verwendung text-emphasis Eigenschaft:

p.ex1 {
  text-emphasis: gefüllt;
}
p.ex2 {
  text-emphasis: offen;
}
p.ex3 {
  text-emphasis: doppelter Kreis rot;
}
p.ex4 {
  text-emphasis: Dreieck blau;
}

Probieren Sie es selbst aus

CSS-Syntax

text-emphasis: none|filled|open|dot|circle|double-circle|triangle|sesame|Zeichenkette|Farbe|initial|inherit;

Eigenschaftswert

Wert Beschreibung
keine Betonungsmarkierung nicht anwenden.
gefüllt Füllen Sie die Betonungsmarkierung mit einer festen Farbe.
offen Betonungsmarkierung für leeren Raum.
Punkt Betonungsmarkierung für kleinen Punkt.
Kreis Betonungsmarkierung für Kreis.
doppelter Kreis Betonungsmarkierung für doppelten Kreis.
Dreieck Betonungsmarkierung für Dreieck.
Sesam Betonungsmarkierung für Sesamform (d.h. kleine Punkte).
Zeichenkette Betonungsmarkierung für die angegebene Zeichenkette (ein Zeichen).
Farbe Setzen Sie die Farbe der Betonungsmarkierung.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem übergeordneten Element erben. Siehe inherit.

Technische Details

Standardwert: keine currentcolor
Vererbbarkeit: ja
Version: CSS3
JavaScript-Syntax: Objekt.style.textEmphasis="gefüllt blau"

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die Versionsnummer der ersten Browser dar, die diese Eigenschaft vollständig unterstützen.

Chrome Edge Firefox Safari Oper
99.0 99.0 46.0 7.0 85.0