HomeMenu
Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

text-emphasis

Description

The text-emphasis property for CSS 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

1 · text-emphasis-style · none

2 · text-emphasis-style · filled

3 · text-emphasis-style · open

4 · text-emphasis-style · dot

5 · text-emphasis-style · circle

6 · text-emphasis-style · double-circle

7 · text-emphasis-style · triangle

8 · text-emphasis-style · sesame

9 · text-emphasis-style · string

10 · text-emphasis-style · JS

11 · text-emphasis-color · color

12 · text-emphasis-color · JS