CSS Browser Support
The desk underneath lists of all CSS properties and the way each belongs to it is supported in the generally unique browsers:
- The quantity to the right of the browser icon suggests the browser version.
Feature (Property) | Microsoft Edge | Chrome | Firefox | Opera | Safari |
A - | |||||
align-content | 11 | 21 | 28 | 12.1 | 9 |
align-items | 11 | 21 | 20 | 12.1 | 9 |
align-self | 11 | 21 | 20 | 12.1 | 9 |
all | 79 | 37 | 27 | 24 | 9.1 |
animation | 10 | 43 | 16 | 30 | 9 |
animation-delay | 10 | 43 | 16 | 30 | 9 |
animation-direction | 10 | 43 | 16 | 30 | 9 |
animation-duration | 10 | 43 | 16 | 30 | 9 |
animation-fill-mode | 10 | 43 | 16 | 30 | 9 |
animation-iteration-count | 10 | 43 | 16 | 30 | 9 |
animation-name | 10 | 43 | 16 | 30 | 9 |
animation-play-state | 10 | 43 | 16 | 30 | 9 |
animation-timing-function | 10 | 43 | 16 | 30 | 9 |
B - | |||||
backface-visibility | 10 | 36 | 16 | 23 | -webkit-4 |
Background | 4 | 1 | 1 | 3.5 | 1 |
background-attachment | 4 | 1 | 1 | 3.5 | 1 |
background-blend-mode | 79 | 35 | 30 | 22 | 7.1 |
background-clip | 9 | 4 | 4 | 10.5 | 3 |
background-color | 4 | 1 | 1 | 3.5 | 1 |
background-image | 4 | 1 | 1 | 3.5 | 1 |
background-origin | 9 | 4 | 4 | 10.5 | 3 |
background-position | 4 | 1 | 1 | 3.5 | 1 |
background-repeat | 4 | 1 | 1 | 3.5 | 1 |
background-size | 9 | 4 | 4 | 10 | 4.1 |
Border | 4 | 1 | 1 | 3.5 | 1 |
border-bottom | 4 | 1 | 1 | 3.5 | 1 |
border-bottom-width | 4 | 1 | 1 | 3.5 | 1 |
border-color | 4 | 1 | 1 | 3.5 | 1 |
C - | |||||
caption-side | 8 | 1 | 1 | 4 | 1 |
clear | 5 | 1 | 1 | 6 | 1 |
color | 3 | 1 | 1 | 3.5 | 1 |
column-count | 10 | 50 | 52 | 37 | 9 |
columns | 10 | 50 | 52 | 37 | 9 |
content | 8 | 1 | 1 | 4 | 1 |
Cursor | 5.5 | 5 | 4 | 9.6 | 5 |
D - | |||||
direction | 5.5 | 2 | 1 | 9.2 | 1.3 |
Display | 8 | 4 | 3 | 7 | 3.1 |
E - | |||||
empty-cells | 8 | 1 | 1 | 4 | 1.2 |
F - | |||||
filter | 13 | 53 | 35 | 40 | 9.1 |
flex | 11 | 29 | 28 | 17 | 9 |
flex-wrap | 11 | 29 | 28 | 17 | 9 |
float | 4 | 1 | 1 | 7 | 1 |
font | 4 | 1 | 1 | 3.5 | 1 |
font-family | 4 | 1 | 1 | 3.5 | 1 |
font-size | 5.5 | 1 | 1 | 7 | 1 |
font-style | 4 | 1 | 1 | 7 | 1 |
font-variant | 4 | 1 | 1 | 3.5 | 1 |
font-weight | 4 | 2 | 1 | 3.5 | 1.3 |
G - | |||||
gap | 16 | 66 | 64 | 53 | 12 |
grid | 10 | 57 | 52 | 44 | 10 |
grid-column | 10 | 57 | 52 | 44 | 10 |
grid-gap | 10 | 57 | 52 | 44 | 10 |
grid-row | 10 | 57 | 52 | 44 | 10 |
grid-template | 10 | 57 | 52 | 44 | 10 |
H - | |||||
Height | 4 | 1 | 1 | 7 | 1 |
hyphens | 79 | 55 | 43 | 44 | -Webkit- 5.1 |
I - | |||||
image-rending | 79 | 41 | 65 | 28 | 10 |
@import | 5.5 | 1 | 1 | 3.5 | 1 |
Isolation | 79 | 41 | 36 | 30 | 7.1 |
J - | |||||
justify-content | 11 | 29 | 28 | 17 | 9 |
K - | |||||
@keyframes | 10 | 43 | 16 | 30 | 9 |
L - | |||||
left | 5.5 | 1 | 1 | 5 | 1 |
letter-spacing | 4 | 1 | 1 | 3.5 | 1 |
line-break | 5.5 | 1 | |||
line-height | 4 | 1 | 1 | 7 | 1 |
line-style | 4 | 1 | 1 | 7 | 1 |
line-style-type | 4 | 1 | 1 | 3.5 | 1 |
M - | |||||
margin | 6 | 1 | 1 | 3.5 | 1 |
margin-left | 6 | 1 | 1 | 3.5 | 1 |
mask | 12 | -webkit-4 | 53 | -webkit-15 | -webkit-4 |
mask-clip | -webkit-79 | -webkit-4 | 53 | -webkit-15 | -webkit-4 |
mask-image | -webkit-79 | -webkit-4 | 53 | -webkit-15 | -webkit-4 |
mask-origin | -webkit-79 | -webkit-4 | 53 | -webkit-15 | -webkit-4 |
mask-size | -webkit-79 | -webkit-4 | 53 | -webkit-15 | -webkit-4 |
max-width | 7 | 1 | 1 | 7 | 2 |
min-width | 7 | 1 | 1 | 4 | 2 |
N - | |||||
@namespace | 9 | 1 | 1 | 8 | 1 |
O - | |||||
object-fit | 16 | 31 | 36 | 19 | 7.1 |
order | 11 | 29 | 28 | 17 | 9 |
outline | 8 | 1 | 1.5 | 7 | 1.2 |
outline-color | 8 | 1 | 1.5 | 7 | 1.2 |
overflow | 4 | 1 | 1 | 7 | 1 |
P - | |||||
padding | 4 | 1 | 1 | 3.5 | 1 |
@page | 8 | 15 | 19 | 15 | |
perspective | 10 | 36 | 16 | 23 | 9 |
position | 7 | 1 | 1 | 4 | 1.2 |
Q - | |||||
quotes | 8 | 11 | 1.5 | 4 | 5.1 |
R - | |||||
resize | 79 | 4 | 5 | 15 | 4 |
right | 5.5 | 1 | 1 | 5 | 1 |
row-gap | 16 | 66 | 61 | 53 | 12 |
S - | |||||
scroll-behavior | 79 | 61 | 36 | 48 | 14 |
shape-image-threshold | 79 | 37 | 62 | 24 | 10.1 |
shape-margin | 79 | 37 | 62 | 24 | 10.1 |
@supports | 12 | 28 | 22 | 12.1 | 9 |
T - | |||||
tab-size | 79 | 21 | -moz-4 | 15 | 6.1 |
text-align | 3 | 1 | 1 | 3.5 | 1 |
text-justify | 5.5 | 55 | 10 | ||
top | 5 | 1 | 1 | 6 | 1 |
transition | 10 | 26 | 16 | 12.1 | 6.1 |
U - | |||||
unicode-bidi | 5.5 | 2 | 1 | 9.2 | 1.3 |
user-select | 79 | 54 | 69 | 42 | -webkit-3.1 |
V - | |||||
vertical-align | 4 | 1 | 1 | 4 | 1 |
@viewport | 10 | 29 | 16 | ||
visibility | 4 | 1 | 1 | 4 | 1 |
W - | |||||
white-space | 8 | 1 | 3.5 | 9.5 | 3 |
windows | 8 | 25 | 10 | 7 | |
width | 4 | 1 | 1 | 3.5 | 1 |
word-wrap | 5.5 | 4 | 3.5 | 10.5 | 3.1 |
Z - | |||||
z-index | 4 | 1 | 3 | 4 | 1 |
Symbols explanations are as follows:
- This is supported by Chrome
- This is supported by Firefox
- This is supported by Internet/Edge Explorer
- This is supported by Safari
- This is supported by Opera
- -webkit- this is supported by Chrome with prefix –webkit-
- -moz- this is supported by Firefox with prefix -moz-
- -webkit- this is supported by Internet explorer with prefix -webkit-
- -webkit- this is supported by Opera with prefix -webkit-
- -webkit- this is supported by Safari with prefix -webkit-