text-emphasis styling
Method of using small symbols next to each glyph to emphasize a run of text, commonly used in East Asian languages. The text-emphasis
shorthand, and its text-emphasis-style
and text-emphasis-color
longhands, can be used to apply marks to the text. The text-emphasis-position
property, which inherits separately, allows setting the emphasis marks' position with respect to the text.
IE | Edge | Firefox | Chrome | Safari | Opera | iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Chrome for Android | Firefox for Android | IE Mobile | UC Browser for Android | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
49webkit
See notes:
|
|||||||||||||||||
56webkit
See notes:
|
9.3 | 4.4webkit
See notes:
|
|||||||||||||||
14 | 52 | 57webkit
See notes:
|
10 | 10.0-10.2 | 4.4.3-4.4.4webkit
See notes:
|
4webkit
See notes:
|
|||||||||||
11 | 15 | 53 | 58webkit
See notes:
|
10.1 | 44webkit
See notes:
|
10.3 | all | 56webkit
See notes:
|
10webkit
See notes:
|
37o
See notes:
|
57webkit
See notes:
|
52 | 11 | 11.4webkit
See notes:
|
5webkit
See notes:
|
1.2webkit
See notes:
|
7.12webkit
See notes:
|
54 | 59webkit
See notes:
|
TP | 45webkit
See notes:
|
||||||||||||||
55 | 60webkit
See notes:
|
46webkit
See notes:
|
|||||||||||||||
56 | 61webkit
See notes:
|
Notes
Some old WebKit browsers (like Chrome 24) support -webkit-text-emphasis
, but does not support CJK languages and is therefore considered unsupported.
-
1
Partial support refers to incorrect support for
-webkit-text-emphasis-position
. These browsers supportover
andunder
as values, but not the addedleft
andright
values required by the spec. -
2
Can be enabled in Firefox using the
layout.css.text-emphasis.enabled
flag