CSS Browser Support Checker

Check which CSS features work across Chrome, Firefox, Safari, and Edge. See which are widely available, newly available, or have limited support. Get the minimum browser version needed and view usage percentages so you know what actually works. To check a whole stylesheet at once, paste it into the CSS Baseline Checker.

How browser support works →

740 total523 widely available66 newly available
Feature
Baseline
-webkit-text-fill-color1+49+3+12+Widely
-webkit-text-stroke4+49+3+15+Widely
-webkit-text-stroke-color1+49+3+15+Widely
-webkit-text-stroke-width1+49+3+15+Widely
::after1+1.5+4+12+Widely
::backdrop37+47+15.4+79+Widely
::before1+1.5+4+12+Widely
::checkmark133+133+Limited
::column135+135+Limited
::cue26+55+7+79+Widely
::details-content131+143+18.4+131+Newly
::file-selector-button89+82+14.1+89+Widely
::first-letter1+1+1+12+Widely
::first-line1+1+1+12+Widely
::grammar-error121+17.4+121+Limited
::highlight105+140+17.2+105+Widely
::marker86+68+11.1+86+Widely
::part73+72+13.1+79+Widely
::picker135+135+Limited
::picker-icon133+133+Limited
::placeholder57+51+10.1+79+Widely
::scroll-button135+135+Limited
::scroll-marker135+135+Limited
::scroll-marker-group135+135+Limited
::search-text144+144+Limited
::selection1+62+1.1+12+Limited
::slotted50+63+10+79+Widely
::spelling-error121+17.4+121+Limited
::target-text89+131+18.2+89+Newly
::view-transition-group109+144+18+109+Newly
::view-transition-image-pair109+144+18+109+Newly
::view-transition-new109+144+18+109+Newly
::view-transition-old109+144+18+109+Newly
:active1+1+1+12+Widely
:active-view-transition125+144+18+125+Newly
:active-view-transition-type125+18.2+125+Newly
:any-linkWidely
:attribute1+1+3+12+Widely
:autofill110+86+15+110+Widely
:buffering15.4+Limited
:checked1+1+3.1+12+Widely
:child1+1+1+12+Widely
:class1+1+1+12+Widely
:default10+4+5+79+Widely
:defined54+63+10+79+Widely
:descendant1+1+1+12+Widely
:dirLimited
:disabled1+1+3.1+12+Widely
:empty1+1+3.1+12+Widely
:enabled1+1+3.1+12+Widely
:first18+116+6+12+Widely
:first-child4+3+3.1+12+Widely
:first-of-type1+3.5+3.1+12+Widely
:focus1+1+1+12+Widely
:focus-visibleWidely
:focus-withinWidely
:fullscreen71+64+16.4+12+Widely
:future23+7+79+Widely
:has-slotted136+Limited
:has()105+121+15.4+105+Newly
:headingpreview+Limited
:host-context()54+79+Limited
:host()54+63+10+79+Widely
:hostfunction54+63+10+79+Widely
:hover1+1+2+12+Widely
:id1+1+1+12+Widely
:in-range10+29+5.1+13+Widely
:indeterminate1+2+3+12+Widely
:interest-source142+142+Limited
:interest-target142+142+Limited
:invalid10+4+5+12+Widely
:isWidely
:langWidely
:last-child1+1+3.1+12+Widely
:last-of-type1+3.5+3.1+12+Widely
:left6+5+12+Widely
:link1+1+1+12+Widely
:list1+1+1+12+Widely
:loopLimited
:modal105+103+15.6+105+Widely
:muted15.4+Limited
:next-sibling1+1+1+12+Widely
:not()1+1+3.1+12+Widely
:nth-child()1+3.5+3.1+12+Widely
:nth-last-child()4+3.5+3.1+12+Widely
:nth-last-of-type()4+3.5+3.1+12+Widely
:nth-of-type()1+3.5+3.1+12+Widely
:only-child2+1.5+3.1+12+Widely
:only-of-type1+3.5+3.1+12+Widely
:open133+136+133+Limited
:openLimited
:optional10+4+5+12+Widely
:out-of-range10+29+5.1+13+Widely
:past23+7+79+Widely
:paused15.4+Limited
:picture-in-picture110+13.1+110+Limited
:placeholder-shown47+51+9+79+Widely
:playing15.4+Limited
:popover-open114+125+17+114+Newly
:read-only1+78+4+13+Widely
:read-write1+78+4+13+Widely
:required10+4+5+12+Widely
:right6+5+12+Widely
:root1+1+1+12+Widely
:scopeWidely
:seeking15.4+Limited
:stalled15.4+Limited
:state()125+126+17.4+125+Newly
:subsequent-sibling1+1+3+12+Widely
:targetWidely
:target-after142+142+Limited
:target-before142+142+Limited
:target-current135+135+Limited
:universal1+1+1+12+Widely
:user-invalidLimited
:user-validLimited
:valid10+4+5+12+Widely
:visited1+1+1+12+Widely
:volume-locked15.4+Limited
:whereWidely
@charset2+1.5+4+12+Widely
@container105+110+16+105+Widely
@container style()111+151+18+111+Newly
@counter-style91+33+17+91+Newly
@custom-media148+Limited
@font-face1+3.5+3.1+12+Widely
@font-feature-values111+34+9.1+111+Widely
@font-palette-values101+107+15.4+101+Widely
@function139+139+Limited
@import1+1+1+12+Widely
@keyframes43+16+9+12+Widely
@layer99+97+15.4+99+Widely
@media1+1+3+12+Widely
@namespace1+1+1+12+Widely
@page2+19+18.2+12+Newly
@position-try125+125+Limited
@property85+128+16.4+85+Newly
@starting-style117+129+17.5+117+Newly
@supports28+22+9+12+Widely
@view-transition126+18.2+126+Limited
<abs>Limited
<acos>111+108+15.4+111+Widely
<anchor-size>125+125+Limited
<anchor>125+125+Limited
<angle-percentage>2+3.6+4+12+Widely
<angle>2+3.6+4+12+Widely
<asin>111+108+15.4+111+Widely
<atan>111+108+15.4+111+Widely
<atan2>111+108+15.4+111+Widely
<basic-shape>37+54+10.1+79+Widely
<blend-mode>35+30+8+79+Widely
<calc-keyword>99+108+15.4+99+Widely
<calc-size>129+129+Limited
<calc>26+16+7+12+Widely
<cap>Newly
<clamp>79+75+13.1+79+Widely
<color>1+1+1+12+Widely
<corner-shape-value>139+139+Limited
<cos>111+108+15.4+111+Widely
<counter>1+1+3+12+Widely
<counters>1+1.5+3+12+Widely
<dashed-function>139+139+Limited
<dimension>1+1+1+12+Widely
<dynamic-range-limit-mix>136+136+Limited
<easing-function>4+4+3.1+12+Widely
<env>69+65+11.1+79+Widely
<exp>Limited
<filter-function>18+35+6+12+Widely
<flex>29+40+10.1+12+Widely
<frequency-percentage>Limited
<frequency>Limited
<global_keywords>1+1+1+12+Widely
<gradient>26+3.6+7+12+Widely
<hypot>Limited
<if>137+137+Limited
<image>1+1+1+12+Widely
<integer>1+1+1+12+Widely
<length-percentage>1+1+1+12+Widely
<length>1+1+1+12+Widely
<line-style>1+1+1+12+Widely
<log>Limited
<max>79+75+11.1+79+Widely
<min>79+75+11.1+79+Widely
<mod>125+118+15.4+125+Newly
<number>1+1+1+12+Widely
<overflow>1+1+1+12+Widely
<percentage>1+1+1+12+Widely
<position>1+1+1+12+Widely
<pow>120+118+15.4+120+Newly
<progress>126+18+126+Limited
<random>26.2+Limited
<ratio>3+3.5+5+12+Widely
<ray>116+122+16+116+Widely
<rcap>Newly
<rch>Newly
<rem>125+118+15.4+125+Newly
<resolution>29+8+16+12+Widely
<rex>Newly
<ric>Newly
<round>125+118+15.4+125+Newly
<shape>1+1+1.3+12+Widely
<sibling-count>138+26.2+138+Limited
<sibling-index>138+26.2+138+Limited
<sign>Limited
<sin>111+108+15.4+111+Widely
<sqrt>120+118+15.4+120+Newly
<string>1+1+1+12+Widely
<superellipse>139+139+Limited
<tan>111+108+15.4+111+Widely
<text-edge>133+18.2+133+Limited
<time-percentage>Limited
<time>1+4+3.1+12+Widely
<transform-function>1+3.5+3.1+12+Widely
<type>139+139+Limited
<url>1+1+1+12+Widely
<var>49+31+9.1+15+Widely
accent-color93+92+15.4+93+Widely
align-content29+28+9+12+Widely
align-items29+20+9+12+Widely
align-self29+20+9+12+Widely
alignment-baseline1+5.1+79+Widely
all37+27+9.1+79+Widely
anchor-name125+125+Limited
anchor-scope131+131+Limited
animation43+16+9+12+Widely
animation-composition112+115+16+112+Widely
animation-delay43+16+9+12+Widely
animation-direction43+16+9+12+Widely
animation-duration43+16+9+12+Widely
animation-fill-mode43+16+9+12+Widely
animation-iteration-count43+16+9+12+Widely
animation-name43+16+9+12+Widely
animation-play-state43+16+9+12+Widely
animation-range115+115+Limited
animation-range-end115+115+Limited
animation-range-start115+115+Limited
animation-timeline115+114+115+Limited
animation-timing-function43+16+9+12+Widely
animation-trigger146+146+Limited
appearance84+80+15.4+84+Widely
aspect-ratio88+89+15+88+Widely
attr()4+2+3.1+12+Widely
backdrop-filter76+103+18+79+Newly
backface-visibility36+16+15.4+12+Widely
background1+1+1+12+Widely
background-attachment1+1+1+12+Widely
background-blend-mode35+30+8+79+Widely
background-clip1+4+5+12+Widely
background-color1+1+1+12+Widely
background-image1+1+1+12+Widely
background-origin1+4+3+12+Widely
background-position1+1+1+12+Widely
background-position-x1+49+1+12+Widely
background-position-y1+49+1+12+Widely
background-repeat1+1+1+12+Widely
background-repeat-x5+5+79+Widely
background-repeat-y5+5+79+Widely
background-size3+4+5+12+Widely
baseline-shift1+4+79+Widely
baseline-source111+115+111+Limited
block-size57+41+12.1+79+Widely
border1+1+1+12+Widely
border-block87+66+14.1+87+Widely
border-block-color87+66+14.1+87+Widely
border-block-end69+41+12.1+79+Widely
border-block-end-color69+41+12.1+79+Widely
border-block-end-style69+41+12.1+79+Widely
border-block-end-width69+41+12.1+79+Widely
border-block-start69+41+12.1+79+Widely
border-block-start-color69+41+12.1+79+Widely
border-block-start-style69+41+12.1+79+Widely
border-block-start-width69+41+12.1+79+Widely
border-block-style87+66+14.1+87+Widely
border-block-width87+66+14.1+87+Widely
border-bottom1+1+1+12+Widely
border-bottom-color1+1+1+12+Widely
border-bottom-left-radius4+4+5+12+Widely
border-bottom-right-radius4+4+5+12+Widely
border-bottom-style1+1+1+12+Widely
border-bottom-width1+1+1+12+Widely
border-collapse1+1+1.1+12+Widely
border-color1+1+1+12+Widely
border-end-end-radius89+66+15+89+Widely
border-end-start-radius89+66+15+89+Widely
border-image16+15+6+12+Widely
border-image-outset15+15+6+12+Widely
border-image-repeat15+15+6+12+Widely
border-image-slice15+15+6+12+Widely
border-image-source15+15+6+12+Widely
border-image-width16+13+6+12+Widely
border-inline87+66+14.1+87+Widely
border-inline-color87+66+14.1+87+Widely
border-inline-end69+41+12.1+79+Widely
border-inline-end-color69+41+12.1+79+Widely
border-inline-end-style69+41+12.1+79+Widely
border-inline-end-width69+41+12.1+79+Widely
border-inline-start69+41+12.1+79+Widely
border-inline-start-color69+41+12.1+79+Widely
border-inline-start-style69+41+12.1+79+Widely
border-inline-start-width69+41+12.1+79+Widely
border-inline-style87+66+14.1+87+Widely
border-inline-width87+66+14.1+87+Widely
border-left1+1+1+12+Widely
border-left-color1+1+1+12+Widely
border-left-style1+1+1+12+Widely
border-left-width1+1+1+12+Widely
border-radius4+4+5+12+Widely
border-right1+1+1+12+Widely
border-right-color1+1+1+12+Widely
border-right-style1+1+1+12+Widely
border-right-width1+1+1+12+Widely
border-spacing1+1+1+12+Widely
border-start-end-radius89+66+15+89+Widely
border-start-start-radius89+66+15+89+Widely
border-style1+1+1+12+Widely
border-top1+1+1+12+Widely
border-top-color1+1+1+12+Widely
border-top-left-radius4+4+5+12+Widely
border-top-right-radius4+4+5+12+Widely
border-top-style1+1+1+12+Widely
border-top-width1+1+1+12+Widely
border-width1+1+1+12+Widely
bottom1+1+1+12+Widely
box-decoration-break130+32+7+130+Limited
box-shadow10+4+5.1+12+Widely
box-sizing10+29+5.1+12+Widely
break-after50+65+10+12+Widely
break-before50+65+10+12+Widely
break-inside50+65+10+12+Widely
caption-side1+1+1+12+Widely
caret-animation140+140+Limited
caret-color57+53+11.1+79+Widely
caret-shape144+144+Limited
clear1+1+1+12+Widely
clip1+1+1+12+Widely
clip-path55+3.5+9.1+79+Widely
clip-rule15+3.5+5+79+Widely
color-adjust48+15.4+Limited
color-interpolation1+3+4+79+Widely
color-interpolation-filters1+3+3+79+Widely
color-mix()111+113+16.2+111+Widely
color-scheme81+96+13+81+Widely
column-count50+52+9+12+Widely
column-fill50+52+9+12+Widely
column-gap1+1.5+3+12+Widely
column-height145+145+Limited
column-rule50+52+9+12+Widely
column-rule-color50+52+9+12+Widely
column-rule-style50+52+9+12+Widely
column-rule-width50+52+9+12+Widely
column-span50+71+9+12+Widely
column-width50+50+9+12+Widely
column-wrap145+145+Limited
columns50+52+9+12+Widely
contain52+69+15.4+79+Widely
contain-intrinsic-block-size95+107+17+95+Newly
contain-intrinsic-height95+107+17+95+Newly
contain-intrinsic-inline-size95+107+17+95+Newly
contain-intrinsic-size83+107+17+83+Newly
contain-intrinsic-width95+107+17+95+Newly
container-name105+110+16+105+Widely
container-type105+110+16+105+Newly
content1+1+1+12+Widely
content-visibility85+125+18+85+Newly
contrast-color()Limited
corner-block-end-shape139+139+Limited
corner-block-start-shape139+139+Limited
corner-bottom-left-shape139+139+Limited
corner-bottom-right-shape139+139+Limited
corner-bottom-shape139+139+Limited
corner-end-end-shape139+139+Limited
corner-end-start-shape139+139+Limited
corner-inline-end-shape139+139+Limited
corner-inline-start-shape139+139+Limited
corner-left-shape139+139+Limited
corner-right-shape139+139+Limited
corner-shape139+139+Limited
corner-start-end-shape139+139+Limited
corner-start-start-shape139+139+Limited
corner-top-left-shape139+139+Limited
corner-top-right-shape139+139+Limited
corner-top-shape139+139+Limited
counter-increment2+1+3+12+Widely
counter-reset2+1+3+12+Widely
counter-set85+68+17.2+85+Newly
CSS Nesting (&)120+117+17.2+120+Newly
cursor1+1+1.2+12+Widely
custom-property49+31+9.1+15+Widely
cx43+69+9+79+Widely
cy43+69+9+79+Widely
d52+97+79+Widely
direction2+1+1+12+Widely
display1+1+1+12+Widely
dominant-baseline1+1+4+79+Widely
dynamic-range-limit124+17.4+124+Limited
empty-cells1+1+1.2+12+Widely
field-sizing123+26.2+123+Limited
fill1+3+4+15+Widely
fill-opacity1+1+4+15+Widely
fill-rule1+3+4+15+Widely
filter53+35+9.1+12+Widely
flex-basis29+22+9+12+Widely
flex-direction29+22+9+12+Widely
flex-flow29+28+9+12+Widely
flex-grow29+20+9+12+Widely
flex-shrink29+20+9+12+Widely
flex-wrap29+28+9+12+Widely
float1+1+1+12+Widely
flood-color5+3+6+12+Widely
flood-opacity5+3+6+12+Widely
flow-tolerance26.4+Limited
font1+1+1+12+Widely
font-displayWidely
font-family1+1+1+12+Widely
font-feature-settings48+34+9.1+15+Widely
font-kerning33+32+9+79+Widely
font-language-overrideLimited
font-optical-sizing79+62+13.1+17+Widely
font-paletteNewly
font-size1+1+1+12+Widely
font-size-adjust127+3+16.4+127+Newly
font-stretch60+9+11+12+Widely
font-style1+1+1+12+Widely
font-synthesisWidely
font-synthesis-position118+Limited
font-synthesis-small-caps97+111+16.4+97+Widely
font-synthesis-style97+111+16.4+97+Widely
font-synthesis-weight97+111+16.4+97+Widely
font-variant1+1+1+12+Widely
font-variant-alternates111+34+9.1+111+Widely
font-variant-caps52+34+9.1+79+Widely
font-variant-east-asian63+34+9.1+79+Widely
font-variant-emoji131+141+17.5+131+Limited
font-variant-ligatures34+34+9.1+79+Widely
font-variant-numeric52+34+9.1+79+Widely
font-variant-position117+34+9.1+117+Limited
font-variation-settingsWidely
font-weight2+1+1+12+Widely
font-widthWidely
forced-color-adjust89+113+79+Widely
gap57+52+10.1+16+Widely
glyph-orientation-vertical4+Limited
grid57+52+10.1+16+Widely
grid-area57+52+10.1+16+Widely
grid-auto-columns57+70+10.1+16+Widely
grid-auto-flow57+52+10.1+16+Widely
grid-auto-rows57+70+10.1+16+Widely
grid-column57+52+10.1+16+Widely
grid-column-end57+52+10.1+16+Widely
grid-column-start57+52+10.1+16+Widely
grid-row57+52+10.1+16+Widely
grid-row-end57+52+10.1+16+Widely
grid-row-start57+52+10.1+16+Widely
grid-template57+52+10.1+16+Widely
grid-template-areas57+52+10.1+16+Widely
grid-template-columns57+52+10.1+16+Widely
grid-template-rows57+52+10.1+16+Widely
hanging-punctuationLimited
headingfunctionpreview+Limited
height1+1+1+12+Widely
hyphenate-character106+98+17+106+Newly
hyphenate-limit-chars109+137+109+Limited
hyphensWidely
image-orientation81+26+13.1+81+Widely
image-rendering13+3.6+6+79+Widely
ime-mode3+12+Limited
initial-letter110+122+9+110+Newly
inline-size57+41+12.1+79+Widely
inset87+66+14.1+87+Widely
inset-block87+63+14.1+87+Widely
inset-block-end87+63+14.1+87+Widely
inset-block-start87+63+14.1+87+Widely
inset-inline87+63+14.1+87+Widely
inset-inline-end87+63+14.1+87+Widely
inset-inline-start87+63+14.1+87+Widely
interactivity135+135+Limited
interest-delay142+142+Limited
interest-delay-end142+142+Limited
interest-delay-start142+142+Limited
interpolate-size129+129+Limited
isolation41+36+8+79+Widely
justify-content29+20+9+12+Widely
justify-items52+20+9+12+Widely
justify-self57+45+10.1+16+Widely
letter-spacing1+1+1+12+Widely
light-dark()123+120+17.5+123+Newly
lighting-color5+3+6+12+Widely
line-breakLimited
line-clamp6+68+5+17+Widely
line-height1+1+1+12+Widely
list-style1+1+1+12+Widely
list-style-image1+1+1+12+Widely
list-style-position1+1+1+12+Widely
list-style-type1+1+1+12+Widely
margin1+1+1+12+Widely
margin-block87+66+14.1+87+Widely
margin-block-end69+41+12.1+79+Widely
margin-block-start69+41+12.1+79+Widely
margin-bottom1+1+1+12+Widely
margin-inline87+66+14.1+87+Widely
margin-inline-end69+41+12.1+79+Widely
margin-inline-start69+41+12.1+79+Widely
margin-left1+1+1+12+Widely
margin-right1+1+1+12+Widely
margin-top1+1+1+12+Widely
margin-trim16.4+Limited
marker-end1+3+4+15+Widely
marker-mid1+3+4+15+Widely
marker-start1+3+4+15+Widely
mask120+53+15.4+120+Newly
mask-border1+17.2+79+Widely
mask-border-outset1+17.2+79+Widely
mask-border-repeat1+17.2+79+Widely
mask-border-slice1+17.2+79+Widely
mask-border-source1+17.2+79+Widely
mask-border-width1+17.2+79+Widely
mask-clip120+53+15.4+120+Newly
mask-composite120+53+15.4+120+Newly
mask-image120+53+15.4+120+Newly
mask-mode120+53+15.4+120+Newly
mask-origin120+53+15.4+120+Newly
mask-position120+53+15.4+120+Newly
mask-repeat120+53+15.4+120+Newly
mask-size120+53+15.4+120+Newly
mask-type24+35+7+79+Widely
math-depth109+117+26.4+109+Widely
math-shift109+146+26.2+109+Widely
math-style109+117+14.1+109+Widely
max-block-size57+41+12.1+79+Widely
max-height1+1+1.3+12+Widely
max-inline-size57+41+12.1+79+Widely
max-width1+1+1+12+Widely
min-block-size57+41+12.1+79+Widely
min-height1+3+1.3+12+Widely
min-inline-size57+41+12.1+79+Widely
min-width1+1+1+12+Widely
mix-blend-mode41+32+8+79+Widely
object-fit32+36+10+79+Widely
object-position32+36+10+79+Widely
object-view-box104+104+Limited
offset55+72+16+79+Widely
offset-anchor116+72+16+116+Widely
offset-distance55+72+16+79+Widely
offset-path55+72+15.4+79+Widely
offset-position116+122+16+116+Widely
offset-rotate56+72+16+79+Widely
opacity1+1+2+12+Widely
order29+20+9+12+Widely
orphans25+1.3+12+Widely
outline94+88+16.4+94+Widely
outline-color1+1.5+1.2+12+Widely
outline-offset1+1.5+1.2+15+Widely
outline-style1+1.5+1.2+12+Widely
outline-width1+1.5+1.2+12+Widely
overflow-anchor56+66+preview+79+Limited
overflow-block74+69+14.1+74+Widely
overflow-clip-margin90+102+90+Limited
overflow-inline74+69+14.1+74+Widely
overflow-wrapWidely
overflow-x1+3.5+3+12+Widely
overflow-y1+3.5+3+12+Widely
overlay117+117+Limited
overscroll-behavior63+59+16+18+Widely
overscroll-behavior-block77+73+16+79+Widely
overscroll-behavior-inline77+73+16+79+Widely
overscroll-behavior-x63+59+16+18+Widely
overscroll-behavior-y63+59+16+18+Widely
padding1+1+1+12+Widely
padding-block87+66+14.1+87+Widely
padding-block-end69+41+12.1+79+Widely
padding-block-start69+41+12.1+79+Widely
padding-bottom1+1+1+12+Widely
padding-inline87+66+14.1+87+Widely
padding-inline-end69+41+12.1+79+Widely
padding-inline-start69+41+12.1+79+Widely
padding-left1+1+1+12+Widely
padding-right1+1+1+12+Widely
padding-top1+1+1+12+Widely
page-break-after1+1+1.2+12+Widely
page-break-before1+1+1.2+12+Widely
page-break-inside1+19+1.3+12+Widely
paint-order123+60+11+123+Newly
perspective36+16+9+12+Widely
perspective-origin36+16+9+12+Widely
place-content59+45+9+79+Widely
place-items59+45+11+79+Widely
place-self59+45+11+79+Widely
pointer-events1+1.5+4+12+Widely
position-anchor125+125+Limited
position-area129+129+Limited
position-try-fallbacks128+128+Limited
position-try-order125+125+Limited
position-visibility125+26.2+125+Limited
print-color-adjust136+97+15.4+136+Newly
quotes11+1.5+9+12+Widely
r43+69+9+79+Widely
reading-flow137+137+Limited
reading-order137+137+Limited
resize1+4+3+79+Limited
rotate104+72+14.1+104+Widely
row-gap47+52+10.1+16+Widely
ruby-align128+38+18.2+128+Newly
ruby-overhang18.2+Limited
ruby-position84+38+18.2+84+Newly
rx43+69+17.4+79+Widely
ry43+69+17.4+79+Widely
scale104+72+14.1+104+Widely
scroll-behavior61+36+15.4+79+Widely
scroll-initial-target133+133+Limited
scroll-margin69+90+14.1+79+Widely
scroll-margin-block69+68+15+79+Widely
scroll-margin-block-end69+68+15+79+Widely
scroll-margin-block-start69+68+15+79+Widely
scroll-margin-bottom69+68+14.1+79+Widely
scroll-margin-inline69+68+15+79+Widely
scroll-margin-inline-end69+68+15+79+Widely
scroll-margin-inline-start69+68+15+79+Widely
scroll-margin-left69+68+14.1+79+Widely
scroll-margin-right69+68+14.1+79+Widely
scroll-margin-top69+68+14.1+79+Widely
scroll-padding69+68+14.1+79+Widely
scroll-padding-block69+68+15+79+Widely
scroll-padding-block-end69+68+15+79+Widely
scroll-padding-block-start69+68+15+79+Widely
scroll-padding-bottom69+68+14.1+79+Widely
scroll-padding-inline69+68+15+79+Widely
scroll-padding-inline-end69+68+15+79+Widely
scroll-padding-inline-start69+68+15+79+Widely
scroll-padding-left69+68+14.1+79+Widely
scroll-padding-right69+68+14.1+79+Widely
scroll-padding-top69+68+14.1+79+Widely
scroll-snap-align69+68+11+79+Widely
scroll-snap-stop75+103+15+79+Widely
scroll-snap-type69+99+11+79+Widely
scroll-target-group140+140+Limited
scroll-timeline115+111+115+Limited
scroll-timeline-axis115+111+115+Limited
scroll-timeline-name115+114+115+Limited
scrollbar-color121+64+26.2+121+Newly
scrollbar-gutter94+97+18.2+94+Newly
scrollbar-width121+64+18.2+121+Newly
shape-image-threshold37+62+10.1+79+Widely
shape-margin37+62+10.1+79+Widely
shape-outside37+62+10.1+79+Widely
shape-rendering1+3+4+79+Widely
shape()Limited
speak80+80+Limited
speak-as11.1+Limited
stop-color1+3+4+15+Widely
stop-opacity1+3+4+15+Widely
stroke1+1.5+4+15+Widely
stroke-color11.1+Widely
stroke-dasharray1+1.5+4+15+Widely
stroke-dashoffset1+1.5+4+15+Widely
stroke-linecap1+1.5+4+15+Widely
stroke-linejoin1+1.5+4+15+Widely
stroke-miterlimit1+1.5+4+15+Widely
stroke-opacity1+1.5+4+15+Widely
stroke-width1+1.5+4+15+Widely
style()Limited
tab-sizeWidely
table-layout14+1+1+12+Widely
text-align1+1+1+12+Widely
text-align-allLimited
text-align-lastWidely
text-anchor1+3+4+14+Widely
text-autospace140+145+18.4+140+Limited
text-box133+18.2+133+Limited
text-box-edge133+18.2+133+Limited
text-box-trim133+18.2+133+Limited
text-combine-upright48+48+15.4+79+Widely
text-decoration1+1+1+12+Widely
text-decoration-color57+36+12.1+79+Widely
text-decoration-inset146+Limited
text-decoration-line57+36+12.1+79+Widely
text-decoration-skip57+12.1+Widely
text-decoration-skip-ink64+70+15.4+79+Widely
text-decoration-style57+36+12.1+79+Widely
text-decoration-thickness89+70+12.1+89+Widely
text-emphasis99+46+7+99+Widely
text-emphasis-color99+46+7+99+Widely
text-emphasis-position99+46+7+99+Widely
text-emphasis-style99+46+7+99+Widely
text-indent1+1+1+12+Widely
text-justifyLimited
text-orientation48+41+14+79+Widely
text-overflow1+7+1.3+12+Widely
text-rendering4+1+5+79+Widely
text-shadow2+3.5+1.1+12+Widely
text-size-adjust54+79+Widely
text-spacing-trim123+123+Limited
text-transform1+1+1+12+Widely
text-underline-offset87+70+12.1+87+Widely
text-underline-position33+74+12.1+12+Widely
text-wrap114+121+17.4+114+Newly
text-wrap-mode130+124+17.4+130+Newly
text-wrap-style130+124+17.5+130+Newly
timeline-scope116+116+Limited
timeline-trigger146+146+Limited
timeline-trigger-name146+146+Limited
timeline-trigger-source146+146+Limited
top1+1+1+12+Widely
touch-action36+52+13+12+Widely
transform36+16+9+12+Widely
transform-box64+55+11+79+Newly
transform-origin36+16+9+12+Widely
transform-style36+16+9+12+Widely
transition26+16+9+12+Widely
transition-behavior117+129+17.4+117+Newly
transition-delay26+16+9+12+Widely
transition-duration26+16+9+12+Widely
transition-property26+16+9+12+Widely
transition-timing-function26+16+9+12+Widely
translate104+72+14.1+104+Widely
trigger-scope146+146+Limited
unicode-bidi2+1+1.3+12+Widely
user-select54+69+3+79+Widely
vector-effect6+15+5.1+79+Widely
vertical-align1+1+1+12+Widely
view-timeline115+114+115+Limited
view-timeline-axis115+114+115+Limited
view-timeline-inset115+115+Limited
view-timeline-name115+114+115+Limited
view-transition-class125+144+18.2+125+Newly
view-transition-group-children140+140+Limited
view-transition-name111+144+18+111+Newly
visibility1+1+1+12+Widely
white-space1+1+1+12+Widely
white-space-collapse114+124+17.4+114+Newly
widows25+1.3+12+Widely
width1+1+1+12+Widely
will-change36+36+9.1+79+Widely
word-breakWidely
word-spacing1+1+1+12+Widely
writing-mode48+41+10.1+12+Widely
x42+69+9+79+Widely
xr-overlay83+83+Limited
y42+69+9+79+Widely
z-index1+1+1+12+Widely
zoom1+126+3.1+12+Newly

Frequently asked

How do I check if a CSS feature is supported in my target browsers?

Use the search and filters on this page to find any CSS property, selector, at-rule, or function. The table shows the minimum version required in Chrome, Firefox, Safari, and Edge. Match these against your target browser versions to determine support. Also check the Baseline status badge to see overall adoption maturity.

What does Baseline status mean?

Widely Available means the feature shipped in all major browsers at least 2.5 years ago—safe for production without fallbacks. Newly Available means it recently reached all major browsers—consider your audience. Limited Support means some browsers don't support it—you need fallbacks or polyfills. Learn more at web-platform-dx.

Do I need a fallback for this feature?

If Baseline shows "Widely Available", no fallback is needed—all major browsers support it. If "Newly Available", consider your audience: if most users are on recent browsers, you're fine; otherwise add a fallback. If "Limited Support", always provide a fallback. Check your analytics to see what browser versions your actual users run.

What's the difference between browser support percentage and Baseline?

The global usage percentage (from caniuse) shows what percent of worldwide web traffic can use the feature right now. Baseline shows adoption maturity across major browser engines. A feature at 70% usage might still be "Limited" if Safari doesn't support it. Both matter: usage for real-world reach, Baseline for cross-browser compatibility.

How can I learn more about a specific CSS feature?

Click any feature name in the table to go to its detailed reference page, which includes examples, common pitfalls, syntax details, and links to MDN, caniuse, and the official spec. The reference explains how to use the feature and what to watch out for.

Why should I care about browser engines?

All major browsers use one of four engines: Blink (Chrome, Edge, Brave), Gecko (Firefox), WebKit (Safari), or their own. When a feature ships in all four engines, it works everywhere. If a feature only works in Blink, you're excluding Firefox and Safari users. This page groups support by engine so you see what actually works across browsers.

What are the four browser engines?

Blink powers Chrome, Edge, Brave, Opera, and most Chromium-based browsers. Developed by Google, it was forked from WebKit in 2013 and powers the majority of web traffic.

Gecko powers Firefox and Firefox-based browsers. Developed by Mozilla, it's open-source and known for strict standards compliance and unique features Firefox pioneers.

WebKit powers Safari, iOS browsers, and some Android browsers. Developed by Apple, it's open-source but required for all iOS/iPadOS apps due to App Store restrictions. This makes it critical for mobile web development.

Back to top ↑
ESC