text-emphasis-style

Summary

The text-emphasis-style property applies special emphasis marks to an element’s text.

Initial value: none
Applies to: All elements
Inherited: Yes
Media: visual
Computed value: ‘none’, a pair of keywords representing the shape and fill, or a string
Animatable: No
CSS Object Model Property: textEmphasisStyle
Percentages: N/A

none: No emphasis marks.
filled: The shape is filled with solid color.
open: The shape is hollow.
dot: Display small circles as marks. The filled dot is U+2022 ‘•’, and the open dot is U+25E6 ‘◦’.
circle: Display large circles as marks. The filled circle is U+25CF ‘●’, and the open circle is U+25CB ‘○’.
double-circle: Display double circles as marks. The filled double-circle is U+25C9 ‘◉’, and the open double-circle is U+25CE ‘◎’.
triangle: Display triangles as marks. The filled triangle is U+25B2 ‘▲’, and the open triangle is U+25B3 ‘△’.
sesame: Display sesames as marks. The filled sesame is U+FE45 ‘﹅’, and the open sesame is U+FE46 ‘﹆’.
<string>: Display the given string as marks. Authors should not specify more than one character in <string>. The UA may truncate or ignore strings consisting of more than one grapheme cluster.

p {
  /*text-emphasis-style: shape;*/
  text-emphasis-style: dot;
}

p {
  /*text-emphasis-style: <string>;*/
  text-emphasis-style: "^";
}