Menu
×
My W3Schools Get Certified Spaces For Teachers Plus Get Certified Spaces For Teachers Plus
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

CSS References

CSS Reference CSS Browser Support CSS Selectors CSS Combinators CSS Pseudo-classes CSS Pseudo-elements CSS At-rules CSS Functions CSS Reference Aural CSS Web Safe Fonts CSS Fallback Fonts CSS Animatable CSS Units CSS PX-EM Converter CSS Colors CSS Color Values CSS Default Values CSS Entities

CSS Properties

accent-color align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function aspect-ratio backdrop-filter backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-position-x background-position-y background-repeat background-size block-size border border-block border-block-color border-block-end border-block-end-color border-block-end-style border-block-end-width border-block-start border-block-start-color border-block-start-style border-block-start-width border-block-style border-block-width border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-end-end-radius border-end-start-radius border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-inline border-inline-color border-inline-end border-inline-end-color border-inline-end-style border-inline-end-width border-inline-start border-inline-start-color border-inline-start-style border-inline-start-width border-inline-style border-inline-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-start-end-radius border-start-start-radius border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-decoration-break box-reflect box-shadow box-sizing break-after break-before break-inside caption-side caret-color @charset clear clip clip-path color color-scheme column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset counter-set cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-feature-settings font-kerning font-size font-size-adjust font-stretch font-style font-variant font-variant-caps font-weight gap grid grid-area grid-auto-columns grid-auto-flow grid-auto-rows grid-column grid-column-end grid-column-start grid-row grid-row-end grid-row-start grid-template grid-template-areas grid-template-columns grid-template-rows hanging-punctuation height hyphens hyphenate-character image-rendering @import initial-letter inline-size inset inset-block inset-block-end inset-block-start inset-inline inset-inline-end inset-inline-start isolation justify-content justify-items justify-self @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-block margin-block-end margin-block-start margin-bottom margin-inline margin-inline-end margin-inline-start margin-left margin-right margin-top marker marker-end marker-mid marker-start mask mask-clip mask-composite mask-image mask-mode mask-origin mask-position mask-repeat mask-size mask-type max-block-size max-height max-inline-size max-width @media min-block-size min-inline-size min-height min-width mix-blend-mode object-fit object-position offset offset-anchor offset-distance offset-path offset-position offset-rotate opacity order orphans outline outline-color outline-offset outline-style outline-width overflow overflow-anchor overflow-wrap overflow-x overflow-y overscroll-behavior overscroll-behavior-block overscroll-behavior-inline overscroll-behavior-x overscroll-behavior-y padding padding-block padding-block-end padding-block-start padding-bottom padding-inline padding-inline-end padding-inline-start padding-left padding-right padding-top page-break-after page-break-before page-break-inside paint-order perspective perspective-origin place-content place-items place-self pointer-events position @property quotes resize right rotate row-gap scale scroll-behavior scroll-margin scroll-margin-block scroll-margin-block-end scroll-margin-block-start scroll-margin-bottom scroll-margin-inline scroll-margin-inline-end scroll-margin-inline-start scroll-margin-left scroll-margin-right scroll-margin-top scroll-padding scroll-padding-block scroll-padding-block-end scroll-padding-block-start scroll-padding-bottom scroll-padding-inline scroll-padding-inline-end scroll-padding-inline-start scroll-padding-left scroll-padding-right scroll-padding-top scroll-snap-align scroll-snap-stop scroll-snap-type scrollbar-color tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-decoration-thickness text-emphasis text-emphasis-color text-emphasis-position text-emphasis-style text-indent text-justify text-orientation text-overflow text-shadow text-transform text-underline-offset text-underline-position top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function translate unicode-bidi user-select vertical-align visibility white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom



CSS Browser Support Reference

❮ Previous Next ❯

CSS Reference With Browser Support

The table below lists all CSS properties and how each property is supported in the different browsers:

The number to the right of the browser icon indicates in which browser version the property was first supported.

Property Edge Firefox Chrome Safari Opera
A          
accent-color 93 92 93 15.4 79
align-content 16 52 57 10.1 44
align-items 16 52 57 10.1 44
align-self 16 52 57 10.1 44
all 79 27 37 9.1 24
animation 10 16 43 9 30
animation-delay 10 16 43 9 30
animation-direction 10 16 43 9 30
animation-duration 10 16 43 9 30
animation-fill-mode 10 16 43 9 30
animation-iteration-count 10 16 43 9 30
animation-name 10 16 43 9 30
animation-play-state 10 16 43 9 30
animation-timing-function 10 16 43 9 30
aspect-ratio 88 89 88 15 74
B          
backdrop-filter 79 103 76 9 63
backface-visibility 12 16 36 15.4 23
background 4 1 1 1 3.5
background-attachment 4 1 1 1 3.5
background-blend-mode 79 30 35 7.1 22
background-clip 9 4 4 3 10.5
background-color 4 1 1 1 3.5
background-image 4 1 1 1 3.5
background-origin 9 4 4 3 10.5
background-position 4 1 1 1 3.5
background-position-x 12 49 1 1 15
background-position-y 12 49 1 1 15
background-repeat 4 1 1 1 3.5
background-size 9 4 4 4.1 10
block-size 79 41 57 12.1 44
border 4 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 79 41 69 12.1 56
border-block-end-color 79 41 69 12.1 56
border-block-end-style 79 41 69 12.1 56
border-block-end-width 79 41 69 12.1 56
border-block-start 79 41 69 12.1 56
border-block-start-color 79 41 69 12.1 56
border-block-start-style 79 41 69 12.1 56
border-block-start-width 79 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 4 1 1 1 3.5
border-bottom-color 4 1 1 1 3.5
border-bottom-left-radius 9 4 5 5 10.5
border-bottom-right-radius 9 4 5 5 10.5
border-bottom-style 5.5 1 1 1 9.2
border-bottom-width 4 1 1 1 3.5
border-collapse 5 1 1 1.2 4
border-color 4 1 1 1 3.5
border-end-end-radius 89 66 89 15 75
border-end-start-radius 89 66 89 15 75
border-image 11 15 16 6 15
border-image-outset 11 15 15 6 15
border-image-repeat 11 15 15 6 15
border-image-slice 11 15 15 6 15
border-image-source 11 15 15 6 15
border-image-width 11 13 15 6 15
border-inline 87 66 87 14.1 73
border-inline-color 87 66 87 14.1 73
border-inline-end 79 41 69 12.1 56
border-inline-end-color 79 41 69 12.1 56
border-inline-end-style 79 41 69 12.1 56
border-inline-end-width 79 41 69 12.1 56
border-inline-start 79 41 69 12.1 56
border-inline-start-color 79 41 69 12.1 56
border-inline-start-style 79 41 69 12.1 56
border-inline-start-width 79 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 4 1 1 1 3.5
border-left-color 4 1 1 1 3.5
border-left-style 5.5 1 1 1 9.2
border-left-width 4 1 1 1 3.5
border-radius 9 4 5 5 10.5
border-right 4 1 1 1 3.5
border-right-color 4 1 1 1 3.5
border-right-style 5.5 1 1 1 9.2
border-right-width 4 1 1 1 3.5
border-spacing 8 1 1 1 4
border-start-end-radius 89 66 89 15 75
border-start-start-radius 89 66 89 15 75
border-style 4 1 1 1 3.5
border-top 4 1 1 1 3.5
border-top-color 4 1 1 1 3.5
border-top-left-radius 9 4 5 5 10.5
border-top-right-radius 9 4 5 5 10.5
border-top-style 5.5 1 1 1 9.2
border-top-width 4 1 1 1 3.5
border-width 4 1 1 1 3.5
bottom 5 1 1 1 6
box-decoration-break 79 32 22 6.1 15
box-shadow 9 4 10 5.1 10.5
box-sizing 8 29 10 5.1 9.5
break-after 10 65 50 10 37
break-before 10 65 50 10 37
break-inside 10 65 50 10 37
C          
caption-side 8 1 1 1 4
caret-color 79 53 57 11.1 44
@charset 12 1.5 2 4 9
clear 5 1 1 1 6
clip 8 1 1 1 7
clip-path 79 3.5 55 9.1 42
color 3 1 1 1 3.5
color-scheme 81 96 81 13 68
column-count 10 52 50 9 37
column-fill 10 52 50 10 37
column-gap 84 63 84 14.1 70
column-rule 10 52 50 9 37
column-rule-color 10 52 50 9 37
column-rule-style 10 52 50 9 37
column-rule-width 10 52 50 9 37
column-span 10 71 50 9 37
column-width 10 52 50 9 37
columns 10 52 50 9 37
@container 105 110 105 16 91
content 8 1 1 1 4
counter-increment 8 2 4 3.1 9.6
counter-reset 8 2 4 3.1 9.6
counter-set 85 68 85 17.2 71
@counter-style 91 33 91 17 77
cursor 5.5 4 5 5 9.6
D          
direction 5.5 1 2 1.3 9.2
display 8 3 4 3.1 7
E          
empty-cells 8 1 1 1.2 4
F          
filter 13 35 53 9.1 40
flex 11 28 29 9 17
flex-basis 11 28 29 9 17
flex-direction 11 28 29 9 17
flex-flow 11 28 29 9 17
flex-grow 11 28 29 9 17
flex-shrink 11 28 29 9 17
flex-wrap 11 28 29 9 17
float 4 1 1 1 7
font 4 1 1 1 3.5
@font-face 9 3.5 4 3.1 10
font-family 4 1 1 1 3.5
font-feature-settings 10 34 48 9.1 35
@font-feature-values 34
font-kerning 79 34 33 9.1 20.1
font-language-override 34
@font-palette-values 101 107 101 15.4 87
font-size 5.5 1 1 1 7
font-size-adjust 127 3 127 17 113
font-stretch 9 9 48 11 35
font-style 4 1 1 1 7
font-synthesis 97 34 97 10 83
font-variant 4 1 1 1 3.5
font-variant-alternates 111 34 111 9.1 97
font-variant-caps 79 34 52 9.1 39
font-variant-east-asian 79 34 63 9.1 50
font-variant-ligatures 79 34 34 9.1 21
font-variant-numeric 79 34 52 9.1 39
font-variant-position 117 34 117 9.1 103
font-weight 4 1 2 1.3 3.5
G          
gap 84 63 84 14.1 70
grid 10 52 57 10 44
grid-area 10 52 57 10 44
grid-auto-columns 10 52 57 10 44
grid-auto-flow 10 52 57 10 44
grid-auto-rows 10 52 57 10 44
grid-column 10 52 57 10 44
grid-column-end 10 52 57 10 44
grid-column-start 10 52 57 10 44
grid-row 10 52 57 10 44
grid-row-end 10 52 57 10 44
grid-row-start 10 52 57 10 44
grid-template 10 52 57 10 44
grid-template-areas 10 52 57 10 44
grid-template-columns 10 52 57 10 44
grid-template-rows 10 52 57 10 44
H          
hanging-punctuation
height 4 1 1 1 7
hyphens 79 43 55 17 44
hyphenate-character 106 98 106 17 92
I          
image-rendering 79 65 41 10 28
@import 5.5 1 1 1 3.5
initial-letter 110 110 9 96
inline-size 79 41 57 12.1 44
inset 87 66 87 14.1 73
inset-block 87 63 87 14.1 73
inset-block-end 87 63 87 14.1 73
inset-block-start 87 63 87 14.1 73
inset-inline 87 63 87 14.1 73
inset-inline-end 87 63 87 14.1 73
inset-inline-start 87 63 87 14.1 73
isolation 79 36 41 7.1 30
J          
justify-content 11 28 29 9 17
justify-items 16 45 57 10.1 44
justify-self 16 45 57 10.1 44
K          
@keyframes 10 16 43 9 30
L          
@layer 99 97 99 15.4 86
left 5.5 1 1 1 5
letter-spacing 4 1 1 1 3.5
line-break 14 69 58 11 45
line-height 4 1 1 1 7
list-style 4 1 1 1 7
list-style-image 4 1 1 1 7
list-style-position 4 1 1 1 3.5
list-style-type 4 1 1 1 3.5
M          
margin 6 1 1 1 3.5
margin-block 87 66 87 14.1 73
margin-block-end 87 41 87 12.1 73
margin-block-start 87 41 87 12.1 73
margin-bottom 6 1 1 1 3.5
margin-inline 87 66 87 14.1 73
margin-inline-end 87 41 87 12.1 73
margin-inline-start 87 41 87 12.1 73
margin-left 6 1 1 1 3.5
margin-right 6 1 1 1 3.5
margin-top 6 1 1 1 3.5
marker 80 72 80 13.1 67
marker-end 80 72 80 13.1 67
marker-mid 80 72 80 13.1 67
marker-start 80 72 80 13.1 67
mask 120 53 120 15.4 106
mask-clip 120 53 120 15.4 106
mask-composite 120 53 120 15.4 106
mask-image 120 53 120 15.4 15
mask-mode 120 53 120 15.4 106
mask-origin 120 53 120 15.4 106
mask-position 120 53 120 15.4 106
mask-repeat 120 53 120 15.4 106
mask-size 120 53 120 15.4 106
mask-type 79 35 24 7 15
max-block-size 79 41 57 12.1 44
max-height 7 1 1 2 7
max-inline-size 79 41 57 12.1 44
max-width 7 1 1 2 7
@media 9 3.5 21 4 9
min-block-size 79 41 57 12.1 44
min-inline-size 79 41 57 12.1 44
min-height 7 1 1 2 4
min-width 7 1 1 2 4
mix-blend-mode 79 32 41 8 35
N          
@namespace 12 1 1 1 8
O          
object-fit 16 36 31 7.1 19
object-position 16 36 31 7.1 19
offset 79 72 55 16 42
offset-anchor 116 72 116 16 102
offset-distance 79 72 55 16 42
offset-path 79 72 55 15.4 45
offset-position 116 122 116 16 102
offset-rotate 79 72 56 16 43
opacity 9 2 4 3.1 9
order 11 28 29 9 17
orphans 8 25 3.1 10
outline 8 1.5 1 1.2 7
outline-color 8 1.5 1 1.2 7
outline-offset 15 3.5 4 3 10.5
outline-style 8 1.5 1 1.2 7
outline-width 8 1.5 1 1.2 7
overflow 4 1 1 1 7
overflow-anchor 79 66 56 43
overflow-wrap 18  49 23 6.1 12.1
overflow-x 9 3.5 4 3 9.5
overflow-y 9 1.5 4 3 9.5
overscroll-behavior 18 59 63 16 50
overscroll-behavior-block 79 73 77 16 64
overscroll-behavior-inline 79 73 77 16 64
overscroll-behavior-x 18 59 63 16 50
overscroll-behavior-y 18 59 63 16 50
P          
padding 4 1 1 1 3.5
padding-block 87 66 87 14.1 73
padding-block-end 87 41 87 12.1 73
padding-block-start 87 41 87 12.1 73
padding-bottom 4 1 1 1 3.5
padding-inline 87 66 87 14.1 73
padding-inline-end 87 41 87 12.1 73
padding-inline-start 87 41 87 12.1 73
padding-left 4 1 1 1 3.5
padding-right 4 1 1 1 3.5
padding-top 4 1 1 1 3.5
@page 12 19 12 6
page-break-after 4 1 1 1.2 7
page-break-before 4 1 1 1.2 7
page-break-inside 8 19 1 1.3 7
paint-order 17 60 35 8 22
perspective 10 16 36 9 23
perspective-origin 10 16 36 9 23
place-content 79 53 59 11 46
place-items 79 45 59 11 46
place-self 79 45 59 11 46
pointer-events 11 3.6 2 4 9
position 7 1 1 1.2 4
@property 85 128 85 16.4 71
Q          
quotes 8 1.5 11 5.1 4
R          
resize 79 5 4 4 15
right 5.5 1 1 1 5
rotate 104 72 104 14.1 90
row-gap 84 63 84 14.1 70
S          
scale 104 72 104 14.1 90
@scope 118 118 17.4 104
scroll-behavior 79 36 61 14 48
scroll-margin 79 90 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 90 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 11 56
scroll-snap-stop 79 68 69 11 56
scroll-snap-type 79 68 69 11 56
scrollbar-color 121 64 121 107
scrollbar-gutter 94 97 94 80
scrollbar-width 121 64 121 107
shape-image-threshold 79 62 37 10.1 24
shape-margin 79 62 37 10.1 24
shape-outside 79 62 37 10.1 24
shape-rendering 80 72 80 13.1 67
@starting-style 117 129 117 17.5 103
@supports 12 22 28 9 12.1
T          
tab-size 79 91 21 7 15
table-layout 5 1 14 1 7
text-align 3 1 1 1 3.5
text-align-last 12 49 47 16 34
text-combine-upright 79 48 48 15.4 35
text-decoration 3 1 1 1 3.5
text-decoration-color 79 36 57 12.1 44
text-decoration-line 79 36 57 12.1 44
text-decoration-style 79 36 57 12.1 44
text-decoration-thickness 89 70 89 12.1 75
text-emphasis 99 46 99 7 85
text-emphasis-color 99 46 99 7 85
text-emphasis-position 99 46 99 7 85
text-emphasis-style 99 46 99 7 85
text-indent 3 1 1 1 3.5
text-justify 55
text-orientation 79 41 48 14 35
text-overflow 6 7 4 3.1 11
text-shadow 10 3.5 4 4 9.6
text-transform 4 1 1 1 7
text-underline-offset 87 70 87 12.1 73
text-underline-position 79 74 33 12.1 20
top 5 1 1 1 6
touch-action 12 52 36 13 23
transform 12 16 36 9 23
transform-origin 12 16 36 9 23
transform-style 12 16 36 9 23
transition 10 16 26 6.1 12.1
transition-delay 10 16 26 6.1 12.1
transition-duration 10 16 26 6.1 12.1
transition-property 10 16 26 6.1 12.1
transition-timing-function 10 16 26 6.1 12.1
translate 104 72 104 14.1 90
U          
unicode-bidi 5.5 1 2 1.3 9.2
user-select 79 69 54 3.1 41
V          
vertical-align 4 1 1 1 4
visibility 4 1 1 1 4
W          
white-space 8 3.5 1 3 9.5
widows 8 25 7 10
width 4 1 1 1 3.5
will-change 79 36 36 9.1 24
word-break 5.5 15 4 3.1 15
word-spacing 6 1 1 1 3.5
word-wrap 5.5 3.5 4 3.1 10.5
writing-mode 12 41 48 11 35
Z          
z-index 4 3 1 1 4
zoom 12 126 1 3.1 15

Icon Explanations

Supported by Edge
Supported by Firefox
Supported by Chrome
Supported by Safari
Supported by Opera

Supported by Edge with prefix -webkit-
Supported by Firefox with prefix -moz-
Supported by Chrome with prefix -webkit-
Supported by Safari with prefix -webkit-
Supported by Opera with prefix -webkit-

❮ Previous Next ❯
PLUS
SPACES
GET CERTIFIED
FOR TEACHERS
FOR BUSINESS
CONTACT US
×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

Top Tutorials
HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
W3.CSS Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial
Top References
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference
Top Examples
HTML Examples
CSS Examples
JavaScript Examples
How To Examples
SQL Examples
Python Examples
W3.CSS Examples
Bootstrap Examples
PHP Examples
Java Examples
XML Examples
jQuery Examples
Get Certified
 HTML Certificate
CSS Certificate
JavaScript Certificate
Front End Certificate
SQL Certificate
Python Certificate
PHP Certificate
jQuery Certificate
Java Certificate
C++ Certificate
C# Certificate
XML Certificate
FORUM ABOUT ACADEMY
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.