text-emphasis styling

Overview

The text-emphasis shorthand sets some emphasis marks on the glyphs denoted by the given string. Common emphasis marks are the asterisk, daggers, and double dashes. They are used in East Asian typography to emphasize pieces of text.

Formal Definition

Specifications

CSS Text Decoration Module Level 3 # text-emphasis-property

Syntax

/* Initial value */
 text-emphasis: none;
 /* No emphasis marks */
 /* <string> value */
 text-emphasis: 'x';
 text-emphasis: '点';
 text-emphasis: '\25B2';
 text-emphasis: '*' #555;
 text-emphasis: 'foo';
 /* Should NOT use. It may be computed to or rendered as 'f' only */
 /* Keywords value */
 text-emphasis: filled;
 text-emphasis: open;
 text-emphasis: filled sesame;
 text-emphasis: open sesame;
 /* Keywords value combined with a color */
 text-emphasis: filled sesame #555;
 /* Global values */
 text-emphasis: inherit;
 text-emphasis: initial;
 text-emphasis: revert;
 text-emphasis: unset;

Code snippets

001.css

Source:001.css

special_characters.html

Source:special_characters.html

004.text-emphasis.html

Source:004.text-emphasis.html

Browser Compatibility