CSS text-emphasis property

Property values

text-emphasis-style

noneDefault

No emphasis marks are added.

text-emphasis-style: none;

Try it { }

filled

The shapes are filled.

text-emphasis-style: filled;

Try it { }

open

The shapes are hollow.

text-emphasis-style: open;

Try it { }

dot

This value adds dots as marks.

text-emphasis-style: dot;

Try it { }

circle

It adds circular shapes as marks.

text-emphasis-style: circle;

Try it { }

double-circle

It adds double-circle shapes.

text-emphasis-style: double-circle;

Try it { }

triangle

It adds trianglular shaped marks.

text-emphasis-style: triangle;

Try it { }

sesame

It adds sesame marks.

text-emphasis-style: sesame;

Try it { }

text-emphasis-color

currentColorDefault

currentColor represents the same color as of text.

text-decoration-color: currentColor;

Try it { }

color-name

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

text-decoration-color: red;

Try it { }

rgb value

#000000

It is an rgb value of red color.

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

Try it { }

hexadecimal value

#000000

It is an hexadecimal notation of blue color.

text-decoration-color: #0000ff;

Try it { }