CSS text-emphasis-style attribute

Definition and Usage

text-emphasis-style Sets the style of the emphasis mark.

Tip:The size of the emphasis mark is about 50% of the font size.

Example

Usage text-emphasis-style Property:

p.ex1 {
  text-emphasis-style: filled;
}
p.ex2 {
  text-emphasis-style: open;
}
p.ex3 {
  text-emphasis-style: double-circle;
}
p.ex4 {
  text-emphasis-style: "#";
}

Try It Yourself

CSS Syntax

text-emphasis-style: none|filled|open|dot|circle|double-circle|triangle|sesame|string|initial|inherit;

Attribute Value

Value Description
none Does not apply emphasis marks.
filled Fills the emphasis mark with a solid color.
open Emphasizes the mark as hollow.
dot Emphasizes the mark as a small dot.
circle Emphasizes the mark as a circle.
double-circle Emphasizes the mark as a double circle.
triangle Emphasizes the mark as a triangle.
sesame Emphasizes the mark as sesame (i.e., a cluster of small dots).
string Emphasizes the mark as the given string (a character).
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Technical Details

Default Value: none
Inheritance: yes
Version: CSS3
JavaScript Syntax: object.style.textEmphasisStyle="triangle"

Browser Support

The numbers in the table indicate the browser version that first fully supports this attribute.

Chrome Edge Firefox Safari Opera
99.0 99.0 46.0 7.0 85.0