text-emphasis

Die Eigenschaft text-emphasis unterscheidet sich deutlich von text-decoration. Die text-decoration Eigenschaft wird nicht vererbt, und die angegebene Dekoration wird auf das gesamte Element angewendet. text-emphasis dagegen wird vererbt, was bedeutet, dass es möglich ist, Hervorhebungszeichen für Nachfahren zu ändern.

Die Größe des Hervorhebungszeichens, ähnlich wie bei Rubinzeichen, beträgt etwa 50 % der Schriftgröße, und text-emphasis kann die Zeilenhöhe beeinflussen, wenn der aktuelle Durchschuss nicht ausreichend für die Zeichen ist.

Note: text-emphasis setzt den Wert von text-emphasis-position nicht zurück. Dies liegt daran, dass es sehr unwahrscheinlich ist, dass sich die Position der Zeichen ändert, auch wenn Stil und Farbe der Hervorhebungszeichen in einem Text variieren können. In den sehr seltenen Fällen, in denen dies erforderlich ist, verwenden Sie die Eigenschaft text-emphasis-position.

Diese Eigenschaft ist eine Kurzschreibweise für die folgenden CSS-Eigenschaften:

• text-emphasis-color
• text-emphasis-style

none

Keine Hervorhebungszeichen.

filled

Die Form ist mit Farbe gefüllt. Wenn weder filled noch open vorhanden ist, ist dies der Standard.

open

Die Form ist hohl.

dot

Zeigt kleine Kreise als Zeichen. Der gefüllte Punkt ist '•' (U+2022), und der offene Punkt ist '◦' (U+25E6).

circle

Zeigt große Kreise als Zeichen. Der gefüllte Kreis ist '●' (U+25CF), und der offene Kreis ist '○' (U+25CB). Dies ist die Standardform in horizontalen Schreibmodi, wenn keine andere Form angegeben ist.

double-circle

Zeigt Doppelkreise als Zeichen. Der gefüllte Doppelkreis ist '◉' (U+25C9), und der offene Doppelkreis ist '◎' (U+25CE).

triangle

Zeigt Dreiecke als Zeichen. Das gefüllte Dreieck ist '▲' (U+25B2), und das offene Dreieck ist '△' (U+25B3).

sesame

Zeigt Sesamformen als Zeichen. Der gefüllte Sesam ist '﹅' (U+FE45), und der offene Sesam ist '﹆' (U+FE46). Dies ist die Standardform in vertikalen Schreibmodi, wenn keine andere Form angegeben ist.

<string>

Zeigt die angegebene Zeichenkette als Zeichen. Autoren sollten nicht mehr als ein Zeichen in <string> angeben. Der UA kann Zeichenketten, die aus mehr als einem Graphem-Cluster bestehen, abschneiden oder ignorieren.

<color>

Definiert die Farbe des Zeichens. Wenn keine Farbe angegeben ist, wird currentcolor als Standard verwendet.

text-emphasis = 
  <'text-emphasis-style'>  ||
  <'text-emphasis-color'>  

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

<text-emphasis-color> = 
  <color>  

Dieses Beispiel zeichnet eine Überschrift mit Dreiecken, die zur Betonung jedes Zeichens verwendet werden.

CSS

h2 {
  text-emphasis: triangle #d55;
}

HTML

<h2>This is important!</h2>

Ergebnis

• Die Langformen der Eigenschaften text-emphasis-style, text-emphasis-color.
• Die Eigenschaft text-emphasis-position, die es ermöglicht, die Position der Hervorhebungszeichen zu definieren.