CSS text-emphasis

Previous Next

Demo of the different values of the text-emphasis property.

Click the property values below to see the result:

text-emphasis: none;
text-emphasis: filled;
text-emphasis: open;
text-emphasis: dot;
text-emphasis: circle;
text-emphasis: double-circle;
text-emphasis: triangle;
text-emphasis: sesame;
text-emphasis: '*';
text-emphasis: triangle green;
text-emphasis: sesame red;
text-emphasis: double-circle pink;

Decorate me!

Decorate me!

Decorate me!

Decorate me!

Decorate me!

Decorate me!

Decorate me!

Decorate me!

Decorate me!

Decorate me!

Decorate me!

Decorate me!

Play more with the code in our Tryit yourself editor: Try it Yourself ❯