参考手册

CSS 浏览器支持

主题

默认模式
浅蓝色模式
淡绿色模式
深夜模式

CSS 浏览器支持参考手册

下面的表格列出了所有 CSS 属性，以及不同浏览器对每个属性的支持情况：

浏览器图标右侧的数字注明了支持该属性的首个浏览器版本。

A 开头属性 B 开头属性 C 开头属性 D 开头属性 E 开头属性 F 开头属性 G 开头属性 H 开头属性 I 开头属性 J 开头属性 K 开头属性 L 开头属性 M 开头属性 N 开头属性 O 开头属性 P 开头属性 Q 开头属性 R 开头属性 S 开头属性 T 开头属性 U 开头属性 V 开头属性 W 开头属性 Z 开头属性

A 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
accent-color	80	66	76	13.1	64
align-content	12	20	29	6.1	15
align-items	12	20	29	6.1	15
align-self	12	20	29	6.1	15
all	80	66	76	13.1	64
animation	12	5	43	4	15
animation-delay	12	5	43	4	15
animation-direction	12	5	43	4	15
animation-duration	12	5	43	4	15
animation-fill-mode	12	5	43	4	15
animation-iteration-count	12	5	43	4	15
animation-name	12	5	43	4	15
animation-play-state	12	5	43	4	15
animation-timing-function	12	5	43	4	15
aspect-ratio	80	66	76	13.1	64

B 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
backdrop-filter	17	103	76	9	63
backface-visibility	12	16	36	9	23
background	12	1	1	1	3.5
background-attachment	12	1	1	1	3.5
background-blend-mode	79	30	35	7.1	22
background-clip	12	4	4	3	10.5
background-color	12	1	1	1	3.5
background-image	12	1	1	1	3.5
background-origin	12	4	4	3	10.5
background-position	12	1	1	1	3.5
background-position-x	12	49	1	1	15
background-position-y	12	49	1	1	15
background-repeat	12	1	1	1	3.5
background-size	12	4	4	4.1	10.5
block-size	79	41	57	12.1	44
border	12	1	1	1	3.5
border-block	87	66	87	14.1	73
border-block-color	87	66	87	14.1	73
border-block-end	87	41	69	12.1	56
border-block-end-color	87	41	69	12.1	56
border-block-end-style	87	41	69	12.1	56
border-block-end-width	87	41	69	12.1	56
border-block-start	87	41	69	12.1	56
border-block-start-color	87	41	69	12.1	56
border-block-start-style	87	41	69	12.1	56
border-block-start-width	87	41	69	12.1	56
border-block-style	87	66	87	14.1	73
border-block-width	87	66	87	14.1	73
border-bottom	12	1	1	1	3.5
border-bottom-color	12	1	1	1	3.5
border-bottom-left-radius	12	4	4	5	10.5
border-bottom-right-radius	12	4	4	5	10.5
border-bottom-style	12	1	1	1	3.5
border-bottom-width	12	1	1	1	3.5
border-collapse	12	1	1	1	4
border-color	12	1	1	1	3.5
border-end-end-radius	87	66	87	14.1	73
border-end-start-radius	87	66	87	14.1	73
border-image	12	15	16	6	15
border-image-outset	12	15	15	6	15
border-image-repeat	12	15	15	6	15
border-image-slice	12	15	15	6	15
border-image-source	12	15	15	6	15
border-image-width	12	13	15	6	15
border-inline	87	66	87	14.1	73
border-inline-color	87	66	87	14.1	73
border-inline-end	87	41	69	12.1	56
border-inline-end-color	87	41	69	12.1	56
border-inline-end-style	87	41	69	12.1	56
border-inline-end-width	87	41	69	12.1	56
border-inline-start	87	41	69	12.1	56
border-inline-start-color	87	41	69	12.1	56
border-inline-start-style	87	41	69	12.1	56
border-inline-start-width	87	41	69	12.1	56
border-inline-style	87	66	87	14.1	73
border-inline-width	87	66	87	14.1	73
border-left	12	1	1	1	3.5
border-left-color	12	1	1	1	3.5
border-left-style	12	1	1	1	3.5
border-left-width	12	1	1	1	3.5
border-radius	12	4	4	5	10.5
border-right	12	1	1	1	3.5
border-right-color	12	1	1	1	3.5
border-right-style	12	1	1	1	3.5
border-right-width	12	1	1	1	3.5
border-spacing	12	1	1	1	4
border-start-end-radius	87	66	87	14.1	73
border-start-start-radius	87	66	87	14.1	73
border-style	12	1	1	1	3.5
border-top	12	1	1	1	3.5
border-top-color	12	1	1	1	3.5
border-top-left-radius	12	4	4	5	10.5
border-top-right-radius	12	4	4	5	10.5
border-top-style	12	1	1	1	3.5
border-top-width	12	1	1	1	3.5
border-width	12	1	1	1	3.5
bottom	12	1	1	1	3.5
box-decoration-break	79	32	22	7	15
box-reflect	79	不支持	4	4	15
box-shadow	12	4	10	5.1	10.5
box-sizing	12	29	10	5.1	9.5
break-after	12	65	50	10	37
break-before	12	65	50	10	37
break-inside	12	65	50	10	37

C 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
caption-side	1	1	1	1.0	1
caret-color	16	41	41	10.1	28
@charset	1	1	1	1.0	1
clear	1	1	1	1.0	1
clip	1	1	1	1.0	1
clip-path	15	35	24	9.0	12.1
color	1	1	1	1.0	1
color-scheme	88	91	88	14.0	74
column-count	10	3.5	5	3.1	10.5
column-fill	10	3.5	5	3.1	10.5
column-gap	10	52	69	10.1	56
column-rule	10	3.5	5	3.1	10.5
column-rule-color	10	3.5	5	3.1	10.5
column-rule-style	10	3.5	5	3.1	10.5
column-rule-width	10	3.5	5	3.1	10.5
column-span	10	3.5	5	3.1	10.5
column-width	10	3.5	5	3.1	10.5
columns	10	3.5	5	3.1	10.5
@container	n/a	n/a	n/a	n/a	n/a
content	1	1	1	1.0	1
counter-increment	1	1	1	1.0	1
counter-reset	1	1	1	1.0	1
counter-set	1	1	1	1.0	1
@counter-style	n/a	35	43	n/a	n/a
cursor	1	1	1	1.0	1

D 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
direction	12	1	1	1	3.5
display	12	1	1	1	3.5

E 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
empty-cells	12	1	1	1.2	4

F 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
filter	13	35	18	6	15
flex	12	28	29	9	17
flex-basis	12	28	29	9	17
flex-direction	12	28	29	9	17
flex-flow	12	28	29	9	17
flex-grow	12	28	29	9	17
flex-shrink	12	28	29	9	17
flex-wrap	12	28	29	9	17
float	12	1	1	1	7
font	12	1	1	1	3.5
@font-face	12	3.5	4	3.1	10
font-family	12	1	1	1	3.5
font-feature-settings	12	34	16	9.1	15
@font-feature-values	不支持	34	不支持	不支持	不支持
font-kerning	79	32	32	9	19
font-language-override	不支持	34	不支持	不支持	不支持
@font-palette-values	不支持	107	101	15.4	不支持
font-size	12	1	1	1	3.5
font-size-adjust	不支持	3	30	不支持	17
font-stretch	12	9	48	11	35
font-style	12	1	1	1	3.5
font-synthesis	不支持	34	不支持	9	不支持
font-variant	12	1	1	1	3.5
font-variant-alternates	不支持	34	不支持	不支持	不支持
font-variant-caps	79	34	52	不支持	39
font-variant-east-asian	不支持	34	不支持	不支持	不支持
font-variant-ligatures	79	34	34	不支持	21
font-variant-numeric	79	34	52	不支持	39
font-variant-position	不支持	34	不支持	不支持	不支持
font-weight	12	1	1	1	3.5

G 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
grid	16	52	57	10.1	44
grid-area	16	52	57	10.1	44
grid-auto-columns	16	52	57	10.1	44
grid-auto-flow	16	52	57	10.1	44
grid-auto-rows	16	52	57	10.1	44
grid-column	16	52	57	10.1	44
grid-column-end	16	52	57	10.1	44
grid-column-gap	16	52	57	10.1	44
grid-column-start	16	52	57	10.1	44
grid-gap	16	52	57	10.1	44
grid-row	16	52	57	10.1	44
grid-row-end	16	52	57	10.1	44
grid-row-gap	16	52	57	10.1	44
grid-row-start	16	52	57	10.1	44
grid-template	16	52	57	10.1	44
grid-template-areas	16	52	57	10.1	44
grid-template-columns	16	52	57	10.1	44
grid-template-rows	16	52	57	10.1	44

H 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
hanging-punctuation	不支持	不支持	不支持	10.1+	不支持
height	12	1	1	1	3.5
hyphens	12	6 (前缀) 43+	13 (前缀) 55+	5.1 (前缀) 17+	15 (前缀) 44+
hyphenate-character	不支持	98+	107+	17+	93+

I 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
image-rendering	79	3.6	13	6	15
@import	12	1	1	1	3.5
initial-letter	不支持	不支持	不支持	9+ (前缀) 17+	不支持
inline-size	79	41	57	12.1	44
inset	79	66	87	14.1	73
inset-block	79	63	87	14.1	73
inset-block-end	79	63	87	14.1	73
inset-block-start	79	63	87	14.1	73
inset-inline	79	63	87	14.1	73
inset-inline-end	79	63	87	14.1	73
inset-inline-start	79	63	87	14.1	73
isolation	79	36	41	9.1	30

J 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
justify-content	12 (Flex) 16 (Grid)	20 (Flex) 52 (Grid)	29 (Flex) 57 (Grid)	9 (Flex) 10.1 (Grid)	17 (Flex) 44 (Grid)
justify-items	16	45	57	10.1	44
justify-self	16	45	57	10.1	44

K 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
@keyframes	12 (带-ms-前缀) 16 (无前缀)	5 (带-moz-前缀) 16 (无前缀)	4 (带-webkit-前缀) 43 (无前缀)	4 (带-webkit-前缀) 9 (无前缀)	12.1 (带-o-前缀) 15 (带-webkit-前缀) 30 (无前缀)

L 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
@layer	99	97	99	15.4	85
left	12	1	1	1	3.5
letter-spacing	12	1	1	1	3.5
line-break	12	15	1	3	15
line-height	12	1	1	1	3.5
list-style	12	1	1	1	3.5
list-style-image	12	1	1	1	3.5
list-style-position	12	1	1	1	3.5
list-style-type	12	1	1	1	3.5

M 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
margin	12	1	1	1	3.5
margin-block	79	66	87	14.1	73
margin-block-end	79	41	69	12.1	56
margin-block-start	79	41	69	12.1	56
margin-bottom	12	1	1	1	3.5
margin-inline	79	66	87	14.1	73
margin-inline-end	79	41	69	12.1	56
margin-inline-start	79	41	69	12.1	56
margin-left	12	1	1	1	3.5
margin-right	12	1	1	1	3.5
margin-top	12	1	1	1	3.5
marker	12	1	1	3	9
marker-end	12	1	1	3	9
marker-mid	12	1	1	3	9
marker-start	12	1	1	3	9
mask	16 (前缀) 79 (无前缀)	53 (前缀) 无前缀支持有限	4 (前缀) 24 (无前缀)	3.2 (前缀) 15.4 (无前缀)	15 (前缀) 15 (无前缀)
mask-clip	79	53	24	15.4	15
mask-composite	79	53	24	15.4	15
mask-image	79	53	24	15.4	15
mask-mode	79	53	24	15.4	15
mask-origin	79	53	24	15.4	15
mask-position	79	53	24	15.4	15
mask-repeat	79	53	24	15.4	15
mask-size	79	53	24	15.4	15
mask-type	12	20	24	6.1	15
max-height	12	1	1	1	3.5
max-width	12	1	1	1	3.5
@media	12	1	1	1	3.5
max-block-size	79	41	57	12.1	44
max-inline-size	79	41	57	12.1	44
min-block-size	79	41	57	12.1	44
min-inline-size	79	41	57	12.1	44
min-height	12	1	1	1	3.5
min-width	12	1	1	1	3.5
mix-blend-mode	79	32	41	8	30

N 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
@namespace	12	1	1	1	8

O 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
object-fit	16	36	31	7.1	19
object-position	16	36	31	7.1	19
offset	79	72	116	16.4	102
offset-anchor	79	72	116	16.4	102
offset-distance	79	72	116	16.4	102
offset-path	79	72	116	16.4	102
offset-position	79	72	116	16.4	102
offset-rotate	79	72	116	16.4	102
opacity	12	1	1	1.2	9
order	12	20	29	9	17
orphans	12	1	25	1.3	9.2
outline	12	1	1	1.2	7
outline-color	12	1	1	1.2	7
outline-offset	15	1.5	1	1.2	9.5
outline-style	12	1	1	1.2	7
outline-width	12	1	1	1.2	7
overflow	12	1	1	1	7
overflow-anchor	79	66	56	13	43
overflow-wrap	12	3.5	1	1	10.5
overflow-x	12	3.5	1	3	9.5
overflow-y	12	3.5	1	3	9.5
overscroll-behavior	79	73	63	16	50
overscroll-behavior-block	79	73	63	16	50
overscroll-behavior-inline	79	73	63	16	50
overscroll-behavior-x	79	73	63	16	50
overscroll-behavior-y	79	73	63	16	50

P 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
padding	12	1	1	1	3.5
padding-block	87	66	87	14.1	73
padding-block-end	87	41	69	12.1	56
padding-block-start	87	41	69	12.1	56
padding-bottom	12	1	1	1	3.5
padding-inline	87	66	87	14.1	73
padding-inline-end	87	41	69	12.1	56
padding-inline-start	87	41	69	12.1	56
padding-left	12	1	1	1	3.5
padding-right	12	1	1	1	3.5
padding-top	12	1	1	1	3.5
@page	12	1	1	1.2	7
page-break-after	12	1	1	1.2	7
page-break-before	12	1	1	1.2	7
page-break-inside	12	1	1	1.2	7
paint-order	17	33	35	7.1	22
perspective	12	10 (前缀) 16 (无前缀)	12 (前缀) 36 (无前缀)	4 (前缀) 9 (无前缀)	15 (前缀) 23 (无前缀)
perspective-origin	12	10 (前缀) 16 (无前缀)	12 (前缀) 36 (无前缀)	4 (前缀) 9 (无前缀)	15 (前缀) 23 (无前缀)
place-content	79	45	59	11	46
place-items	79	45	59	11	46
place-self	79	45	59	11	46
pointer-events	12	3.5	1	4	9
position	12	1	1	1	3.5
@property	79	不支持	85	16.4	71

Q 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
quotes	12	1	11	1.1	4

R 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
resize	79	4	4	4	15
right	12	1	1	1	3.5
rotate	79	72	104	14.1	90
row-gap	16	52	66	10.1	53

S 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
scale	79	72	104	14.1	90
@scope	118	117	118	TP	103
scroll-behavior	79	36	61	14	48
scroll-margin	79	68	69	14.1	56
scroll-margin-block	79	68	69	14.1	56
scroll-margin-block-end	79	68	69	14.1	56
scroll-margin-block-start	79	68	69	14.1	56
scroll-margin-bottom	79	68	69	14.1	56
scroll-margin-inline	79	68	69	14.1	56
scroll-margin-inline-end	79	68	69	14.1	56
scroll-margin-inline-start	79	68	69	14.1	56
scroll-margin-left	79	68	69	14.1	56
scroll-margin-right	79	68	69	14.1	56
scroll-margin-top	79	68	69	14.1	56
scroll-padding	79	68	69	14.1	56
scroll-padding-block	79	68	69	14.1	56
scroll-padding-block-end	79	68	69	14.1	56
scroll-padding-block-start	79	68	69	14.1	56
scroll-padding-bottom	79	68	69	14.1	56
scroll-padding-inline	79	68	69	14.1	56
scroll-padding-inline-end	79	68	69	14.1	56
scroll-padding-inline-start	79	68	69	14.1	56
scroll-padding-left	79	68	69	14.1	56
scroll-padding-right	79	68	69	14.1	56
scroll-padding-top	79	68	69	14.1	56
scroll-snap-align	79	68	69	14.1	56
scroll-snap-stop	79	75	75	15	62
scroll-snap-type	79	68	69	14.1	56
scrollbar-color	79	64	不支持	不支持	不支持
shape-outside	79	62	37	10.1	24
@starting-style	117	117	117	TP	103
@supports	12	22	28	9	15

T 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
tab-size	12	4 (前缀) 91 (无前缀)	21	6.1	15
table-layout	12	1	1	1	7
text-align	12	1	1	1	3.5
text-align-last	12	12 (前缀) 49 (无前缀)	35	不支持	22
text-combine-upright	79	48	48	5.1 (前缀) 15.4 (无前缀)	35
text-decoration	12	1	1	1	3.5
text-decoration-color	12	6 (前缀) 36 (无前缀)	57	7.1 (前缀) 12.1 (无前缀)	44
text-decoration-line	12	6 (前缀) 36 (无前缀)	57	7.1 (前缀) 12.1 (无前缀)	44
text-decoration-style	12	6 (前缀) 36 (无前缀)	57	7.1 (前缀) 12.1 (无前缀)	44
text-decoration-thickness	87	70	89	12.1	73
text-emphasis	79	46	25 (前缀) 99 (无前缀)	6.1 (前缀) 15.4 (无前缀)	15
text-emphasis-color	79	46	25 (前缀) 99 (无前缀)	6.1 (前缀) 15.4 (无前缀)	15
text-emphasis-position	79	46	25 (前缀) 99 (无前缀)	6.1 (前缀) 15.4 (无前缀)	15
text-emphasis-style	79	46	25 (前缀) 99 (无前缀)	6.1 (前缀) 15.4 (无前缀)	15
text-indent	12	1	1	1	3.5
text-justify	12	55	不支持	不支持	不支持
text-orientation	79	41	48	10.1	35
text-overflow	12	7	1	1.3	11
text-shadow	12	3.5	2	1.1	9.5
text-transform	12	1	1	1	3.5
text-underline-offset	87	70	87	12.1	73
text-underline-position	12	74	33	12.1	20
top	12	1	1	1	3.5
transform	12 (前缀) 16 (无前缀)	3.5 (前缀) 16 (无前缀)	4 (前缀) 36 (无前缀)	3.1 (前缀) 9 (无前缀)	10.5 (前缀) 23 (无前缀)
transform-origin	12 (前缀) 16 (无前缀)	3.5 (前缀) 16 (无前缀)	4 (前缀) 36 (无前缀)	3.1 (前缀) 9 (无前缀)	10.5 (前缀) 23 (无前缀)
transform-style	12 (前缀) 16 (无前缀)	10 (前缀) 16 (无前缀)	12 (前缀) 36 (无前缀)	4 (前缀) 9 (无前缀)	15 (前缀) 23 (无前缀)
transition	12 (前缀) 16 (无前缀)	4 (前缀) 16 (无前缀)	4 (前缀) 26 (无前缀)	3.1 (前缀) 6.1 (无前缀)	10.5 (前缀) 12.1 (无前缀)
transition-delay	12 (前缀) 16 (无前缀)	4 (前缀) 16 (无前缀)	4 (前缀) 26 (无前缀)	3.1 (前缀) 6.1 (无前缀)	10.5 (前缀) 12.1 (无前缀)
transition-duration	12 (前缀) 16 (无前缀)	4 (前缀) 16 (无前缀)	4 (前缀) 26 (无前缀)	3.1 (前缀) 6.1 (无前缀)	10.5 (前缀) 12.1 (无前缀)
transition-property	12 (前缀) 16 (无前缀)	4 (前缀) 16 (无前缀)	4 (前缀) 26 (无前缀)	3.1 (前缀) 6.1 (无前缀)	10.5 (前缀) 12.1 (无前缀)
transition-timing-function	12 (前缀) 16 (无前缀)	4 (前缀) 16 (无前缀)	4 (前缀) 26 (无前缀)	3.1 (前缀) 6.1 (无前缀)	10.5 (前缀) 12.1 (无前缀)
translate	79	72	104	14.1	90

U 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
unicode-bidi	IE 5.5	1.0	1.0	1.0	7.0
user-select	12.0	1.0 (需前缀 -moz-)	4.0 (需前缀 -webkit-)	3.1 (需前缀 -webkit-)	15.0 (需前缀 -webkit-)

V 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
vertical-align	12	1	1	1	3.5
visibility	4	1	1	1	3.5

W 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
white-space	4	1	1	1	3.5
widows	79	65	79	13.1	66
widows	79	65	79	13.1	66
width	4	1	1	1	3.5
word-break	12	15	1	3.1	15
word-spacing	4	1	1	1	3.5
word-wrap	12	3.5	1	3	10.5
writing-mode	79	41	57	12.1	44

Z 开头属性

属性	Edge	Firefox	Chrome	Safari	Opera
z-index	4	1	1	1	3.5
zoom	12	不支持	1	3	10.5

CSS 属性参考手册（功能排序）CSS 选择器

评论区 0

发表评论

教程介绍

CSS 参考手册全面涵盖选择器、盒模型，文本属性等，助您快速检索 CSS 使用方法。

95 章节

476 阅读

0 评论