字典我要纠错

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.

Spec	https://drafts.csswg.org/css-text-decor-3/#text-emphasis-property
Status	W3C Candidate Recommendation

IE	Edge	Firefox	Chrome	Safari	Opera
		57	62 ^(1,*)
		56	61 ^(1,*)	TP	48 ^(1,*)
	16	55	60 ^(1,*)	11	47 ^(1,*)
11	15	54	59 ^(1,*)	10.1	46 ^(1,*)
10	14	53	58 ^(1,*)	10	45 ^(1,*)
9	13	52	57 ^(1,*)	9.1	44 ^(1,*)
8	12	51	56 ^(1,*)	9	43 ^(1,*)
Show all
7		50	55 ^(1,*)	8	42 ^(1,*)
6		49	54 ^(1,*)	7.1	41 ^(1,*)
5.5		48	53 ^(1,*)	7 ^(1,*)	40 ^(1,*)
		47	52 ^(1,*)	6.1 ^(1,*)	39 ^(1,*)
		46	51 ^(1,*)	6	38 ^(1,*)
		45 ⁽²⁾	50 ^(1,*)	5.1	37 ^(1,*)
		44	49 ^(1,*)	5	36 ^(1,*)
		43	48 ^(1,*)	4	35 ^(1,*)
		42	47 ^(1,*)	3.2	34 ^(1,*)
		41	46 ^(1,*)	3.1	33 ^(1,*)
		40	45 ^(1,*)		32 ^(1,*)
		39	44 ^(1,*)		31 ^(1,*)
		38	43 ^(1,*)		30 ^(1,*)
		37	42 ^(1,*)		29 ^(1,*)
		36	41 ^(1,*)		28 ^(1,*)
		35	40 ^(1,*)		27 ^(1,*)
		34	39 ^(1,*)		26 ^(1,*)
		33	38 ^(1,*)		25 ^(1,*)
		32	37 ^(1,*)		24 ^(1,*)
		31	36 ^(1,*)		23 ^(1,*)
		30	35 ^(1,*)		22 ^(1,*)
		29	34 ^(1,*)		21 ^(1,*)
		28	33 ^(1,*)		20 ^(1,*)
		27	32 ^(1,*)		19 ^(1,*)
		26	31 ^(1,*)		18 ^(1,*)
		25	30 ^(1,*)		17 ^(1,*)
		24	29 ^(1,*)		16 ^(1,*)
		23	28 ^(1,*)		15 ^(1,*)
		22	27 ^(1,*)		12.1
		21	26 ^(1,*)		12
		20	25 ^(1,*)		11.6
		19	24		11.5
		18	23		11.1
		17	22		11
		16	21		10.6
		15	20		10.5
		14	19		10.0-10.1
		13	18		9.5-9.6
		12	17		9
		11	16
		10	15
		9	14
		8	13
		7	12
		6	11
		5	10
		4	9
		3.6	8
		3.5	7
		3	6
		2	5
			4

iOS Safari	Opera Mini	Android Browser	Blackberry Browser	Opera Mobile	Android Chrome	Android Firefox	IE Mobile	Android UC Browser	Samsung Internet	QQ Browser	Baidu Browser
11
10.3	all	56 ^(1,*)	10 ^(1,*)	37 ^(1,*)	59 ^(1,*)	54	11	11.4 ^(1,*)	5 ^(1,*)	1.2 ^(1,*)	7.12 ^(1,*)
10.0-10.2		4.4.3-4.4.4 ^(1,*)	7	12.1			10		4 ^(1,*)
9.3		4.4 ^(1,*)		12
9.0-9.2		4.2-4.3		11.5
Show all
8.1-8.4		4.1		11.1
8		4		11
7.0-7.1		3		10
6.0-6.1		2.3
5.0-5.1		2.2
4.2-4.3		2.1
4.0-4.1
3.2

Notes

Some old WebKit browsers (like Chrome 24) support -webkit-text-emphasis, but does not support CJK languages and is therefore considered unsupported.

Partial support refers to incorrect support for -webkit-text-emphasis-position. These browsers support over and under as values, but not the added left and right values required by the spec.
Can be enabled in Firefox using the layout.css.text-emphasis.enabled flag

^* Partial support with prefix.

Bugs

Chrome on Android occasionally has issues rendering emphasis glyphs correctly.

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=text-emphasis