text-emphasis-style

The text-emphasis-style CSS property applies emphasis marks to the element's text.

If a shape keyword is specified but neither filled nor open is specified, filled is assumed. If only filled or open is specified, the shape keyword computes to circle in horizontal typographic modes and sesame in vertical typographic modes.

Syntax

CSS

text-emphasis-style: value;

JS

object.style.textEmphasisStyle = "value";

Values

<'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 (').

Initial

none

Examples

none

filled

open

dot

circle

double-circle

triangle

sesame

string

JS

Internal

text-emphasis

text-emphasis-color

text-emphasis-position

External

World Wide Web Consortium (W3C)

Home Menu