The text-emphasis CSS property is shorthand for text-emphasis-style and text-emphasis-color.
Syntax
CSS
text-emphasis: value;
JS
object.style.textEmphasis = "value";
Values
<'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.
