text-emphasis

The text-emphasis CSS property is shorthand for text-emphasis-style and text-emphasis-color.

Syntax

text-emphasis: value;

object.style.textEmphasis = "value";

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

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

none

No emphasis marks.

filled

The shape is filled with solid color.

open

The shape is hollow.

dot

Display small circles as marks. The filled dot is U+2022 (•), and the open dot is U+25E6 (◦).

circle

Display large circles as marks. The filled circle is U+25CF (●), and the open circle is U+25CB (○).

double-circle

Display double circles as marks. The filled double-circle is U+25C9 (◉), and the open double-circle is U+25CE (◎).

triangle

Display triangles as marks. The filled triangle is U+25B2 (▲), and the open triangle is U+25B3 (△).

sesame

Display sesames as marks. The filled sesame is U+FE45 (﹅), and the open sesame is U+FE46 (﹆).

<string>

Specifies a sequence of characters delimited by double quotes (") or single quotes (').

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

<color>

Specifies the color using a keyword or a numerical specification.