text-emphasis-style

Die text-emphasis-style CSS Eigenschaft legt das Erscheinungsbild von Betonungszeichen fest. Sie kann auch mit dem text-emphasis-Schreibweise 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

/* Initial value */
text-emphasis-style: none; /* No emphasis marks */
/* <string> values */
text-emphasis-style: "x";
text-emphasis-style: "25円B2";
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 Volltonfarbe 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).

double-circle

Zeigt doppelte Kreise 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 Sesamzeichen. Der gefüllte Sesam ist '﹅' (U+FE45), und der offene Sesam ist '﹆' (U+FE46).

<string>

Zeigt den angegebenen String als Zeichen. Autoren sollten nicht mehr als ein Zeichen in <string> angeben. Der UA kann Strings, die aus mehr als einem Graphemcluster bestehen, abschneiden oder ignorieren.

Formale Definition

Formale Syntax

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

Beispiele

Grundlegendes Beispiel

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

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Die zugehörigen Eigenschaften text-emphasis-color, text-emphasis.
• Die text-emphasis-position-Eigenschaft, die es ermöglicht, die Position der Betonungszeichen festzulegen.