Menu Riverview Church

TEXT-EMPHASIS

The text-emphasis 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.

EXAMPLES

TEXT-EMPHASIS-STYLE | NONE

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 | SESAME

TEXT-EMPHASIS-STYLE | STRING

TEXT-EMPHASIS-COLOR | COLOR

JS | TEXT-EMPHASIS-STYLE

JS | TEXT-EMPHASIS-COLOR

INTERNAL

text-emphasis-color

text-emphasis-position

text-emphasis-style

EXTERNAL

World Wide Web Consortium (W3C)