字典我要纠错

CSS outline properties

The CSS outline properties draw a border around an element that does not affect layout, making it ideal for highlighting. This covers the outline shorthand, as well as outline-width, outline-style, outline-color and outline-offset.

Spec	https://drafts.csswg.org/css-ui/
Status	W3C Candidate Recommendation

IE	Edge	Firefox	Chrome	Safari	Opera
		57	62
		56	61	TP	48
	16	55	60	11	47
11 ^(1,2)	15	54	59	10.1	46
10 ^(1,2)	14 ^(1,2)	53	58	10	45
9 ^(1,2)	13 ^(1,2)	52	57	9.1	44
8 ⁽²⁾	12 ^(1,2)	51	56	9	43
Show all
7		50	55	8	42
6		49	54	7.1	41
5.5		48	53	7	40
		47	52	6.1	39
		46	51	6	38
		45	50	5.1	37
		44	49	5	36
		43	48	4	35
		42	47	3.2	34
		41	46	3.1	33
		40	45		32
		39	44		31
		38	43		30
		37	42		29
		36	41		28
		35	40		27
		34	39		26
		33	38		25
		32	37		24
		31	36		23
		30	35		22
		29	34		21
		28	33		20
		27	32		19
		26	31		18
		25	30		17
		24	29		16
		23	28		15
		22	27		12.1 ⁽¹⁾
		21	26		12
		20	25		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	10	37	59	54	11 ^(1,2)	11.4	5	1.2	7.12
10.0-10.2		4.4.3-4.4.4	7	12.1			10 ^(1,2)		4
9.3		4.4		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

Firefox also supports the non-standard -moz-outline-radius property that acts similar to border-radius.

Also supports the value of invert for outline-color. (support of this value is optional for browsers)
Does not support outline-offset.

Resources

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