CSS text-emphasis-style property

Description

CSS text-emphasis-style property adds different emphasis marks that might be hollow or filled.

Syntax

text-emphasis-style : none | [ filled | open ] [ dot | circle | double-circle | triangle | sesame ]

Property values

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;

Applicable to

It applies to all elements

#CSS digger
Was this article helpful?

 
We are learning text-emphasis-style property.
×

Ctrl+D