CSS text-emphasis-style Property

Description

The text-emphasis-style property applies emphasis marks to the 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 Version

CSS3

JavaScript syntax

object.style.textEmphasisStyle

Syntax

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

Values

• noneNo emphasis marks.
• filledThe shape is filled with solid color.
• openThe shape is hollow.
• dotDisplay small circles as marks. The filled dot is U+2022 '•', and the open dot is U+25E6 '◦'.
• circleDisplay large circles as marks. The filled circle is U+25CF '●', and the open circle is U+25CB '○'.
• double-circleDisplay double circles as marks. The filled double-circle is U+25C9 '◉', and the open double-circle is U+25CE '◎'.
• triangleDisplay triangles as marks. The filled triangle is U+25B2 '▲', and the open triangle is U+25B3 '△'.
• sesameDisplay 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.

Example

.class {
  text-emphasis-style: filled triangle;
}

Browser Support

Desktop
X	X	25	46	15	6.1
Tablets / Mobile
4.4	25	46	14	7	1.5

Last updated by CSSPortal on: