CSS text-emphasis property

Property values

text-emphasis-style

noneDefault

No emphasis marks are added.

text-emphasis-style: none;

filled

The shapes are filled.

text-emphasis-style: filled;

open

The shapes are hollow.

text-emphasis-style: open;

dot

This value adds dots as marks.

text-emphasis-style: dot;

circle

It adds circular shapes as marks.

text-emphasis-style: circle;

double-circle

It adds double-circle shapes.

text-emphasis-style: double-circle;

triangle

It adds trianglular shaped marks.

text-emphasis-style: triangle;

sesame

It adds sesame marks.

text-emphasis-style: sesame;

text-emphasis-color

currentColorDefault

currentColor represents the same color as of text.

text-decoration-color: currentColor;

color-name

Any color name can be used as the value. red value represents red color.

text-decoration-color: red;

rgb value

It is an rgb value of red color.

text-decoration-color: rgb(0,255,0);

hexadecimal value

It is an hexadecimal notation of blue color.

text-decoration-color: #0000ff;