Home/Browser Support

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 total518 widely available51 newly available
Feature
Baseline
-webkit-text-fill-color4+49+3+15+Widely
-webkit-text-stroke4+49+3+15+Widely
-webkit-text-stroke-color4+49+3+15+Widely
-webkit-text-stroke-width4+49+3+15+Widely
::after1+1.5+4+12+Widely
::backdrop37+47+15.4+79+Widely
::before1+1.5+4+12+Widely
::checkmark135+——135+Limited
::column135+——135+Limited
::cue23+31+6+12+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+137+26.2+121+Newly
::highlight105+149+17.2+105+Newly
::marker86+80+—86+Limited
::part73+72+13.1+79+Widely
::picker135+——135+Limited
::picker-icon135+——135+Limited
::placeholder57+51+10.1+79+Widely
::scroll-button————Limited
::scroll-marker135+——135+Limited
::scroll-marker-group135+——135+Limited
::search-text144+——144+Limited
::selection1+62+1.1+12+Limited
::slotted53+63+10+79+Widely
::spelling-error121+137+26.2+121+Newly
::target-text89+131+18.2+89+Newly
::view-transition-group111+144+18+111+Newly
::view-transition-image-pair111+144+18+111+Newly
::view-transition-new111+144+18+111+Newly
::view-transition-old111+144+18+111+Newly
:active1+1+2+12+Widely
:active-view-transition125+147+18.2+125+Newly
:active-view-transition-type125+147+18.2+125+Newly
:any-link65+50+9+79+Widely
:attribute1+1+3+12+Widely
:autofill110+—15+110+Limited
:buffering—150+15.4+—Limited
:checked1+1+3.1+12+Widely
:child1+1+3+12+Widely
:class1+1+3+12+Widely
:default10+4+5+79+Widely
:defined54+63+10.1+79+Widely
:descendant1+1+3+12+Widely
:dir120+49+16.4+120+Widely
:disabled1+1+3.1+12+Widely
:empty1+1+3.1+12+Widely
:enabled1+1+3.1+12+Widely
:first18+—6+12+Limited
:first-child1+3.5+3.1+12+Widely
:first-of-type4+3.5+3.1+12+Widely
:focus1+1+2+12+Widely
:focus-visible86+85+15.4+86+Widely
:focus-within60+52+10.1+79+Widely
:fullscreen71+64+16.4+79+Limited
:future23+—7+79+Limited
:has-slotted—136+——Limited
:has()105+121+15.4+105+Widely
:heading————Limited
:host-context()54+——79+Limited
:host()54+63+10+79+Widely
:hostfunction54+63+10+79+Widely
:hover1+1+2+12+Widely
:id1+1+3+12+Widely
:in-range10+4+5+12+Widely
:indeterminate39+51+10+79+Widely
:interest-source142+——142+Limited
:interest-target142+——142+Limited
:invalid10+4+5+12+Widely
:is88+82+14+88+Widely
:lang1+1+3.1+12+Widely
:last-child1+3.5+3.1+12+Widely
:last-of-type4+3.5+3.1+12+Widely
:left18+—6+12+Limited
:link1+1+≤4+12+Widely
:list1+1+3+12+Widely
:loop————Limited
:modal105+103+15.6+105+Widely
:muted—150+15.4+—Limited
:next-sibling1+1+3+12+Widely
:not()88+84+9+88+Widely
:nth-child()1+3.5+3.1+12+Widely
:nth-last-child()1+3.5+3.1+12+Widely
:nth-last-of-type()4+3.5+3.1+12+Widely
:nth-of-type()4+3.5+3.1+12+Widely
:only-child1+3.5+3.1+12+Widely
:only-of-type4+3.5+3.1+12+Widely
:open133+136+26.5+133+Newly
:optional10+4+5+12+Widely
:out-of-range10+4+5+12+Widely
:past23+—7+79+Limited
:paused—150+15.4+—Limited
:picture-in-picture69+153+13.1+79+Limited
:placeholder-shown47+51+9+79+Widely
:playing—150+15.4+—Limited
:popover-open116+125+17+116+Newly
:read-only1+78+4+13+Widely
:read-write1+78+4+13+Widely
:required10+4+5+12+Widely
:right18+—6+12+Limited
:root1+1+1+12+Widely
:scope27+32+7+79+Widely
:seeking—150+15.4+—Limited
:stalled—150+15.4+—Limited
:state()125+126+17.4+125+Newly
:subsequent-sibling1+1+3+12+Widely
:target1+1+1.3+12+Widely
:target-after142+——142+Limited
:target-before142+——142+Limited
:target-current142+——142+Limited
:universal1+1+3+12+Widely
:user-invalid119+88+16.5+119+Widely
:user-valid119+88+16.5+119+Widely
:valid10+4+5+12+Widely
:visited65+50+9+79+Widely
:volume-locked—150+15.4+—Limited
:where88+82+14+88+Widely
@charset2+1.5+4+12+Widely
@container105+110+16+105+Widely
@container style()111+151+18+111+Newly
@counter-style91+33+17+91+Widely
@custom-media————Limited
@font-face36+39+10+14+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
@page15+95+18.2+79+Newly
@position-try————Limited
@property85+128+16.4+85+Newly
@scope143+146+26.4+143+Newly
@starting-style117+129+17.5+117+Newly
@supports28+22+9+12+Widely
@view-transition126+—18.2+126+Limited
<abs>138+118+15.4+138+Newly
<acos>111+108+15.4+111+Widely
<anchor-size>————Limited
<anchor>————Limited
<angle-percentage>36+16+9+12+Widely
<angle>36+16+9+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>110+114+16+110+Widely
<calc-size>129+——129+Limited
<calc>26+16+7+12+Widely
<cap>118+97+17.2+118+Widely
<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>2+1+3+12+Widely
<counters>2+1+3+12+Widely
<dashed-function>139+——139+Limited
<dimension>1+1+1+12+Widely
<dynamic-range-limit-mix>136+——136+Limited
<easing-function>16+4+6+12+Widely
<env>69+65+11.1+79+Widely
<exp>120+118+15.4+120+Widely
<filter-function>——9.1+—Limited
<flex>57+52+10.1+16+Widely
<frequency-percentage>————Limited
<frequency>————Limited
<global_keywords>1+1+1+12+Widely
<gradient>26+3.6+7+12+Widely
<hypot>120+118+15.4+120+Widely
<if>137+——137+Limited
<image>26+3.6+7+12+Widely
<integer>1+3+1+12+Widely
<length-percentage>1+1+1+12+Widely
<length>1+1+1+12+Widely
<line-style>1+1+1+12+Widely
<log>120+118+15.4+120+Widely
<max>79+75+13.1+79+Widely
<min>79+75+13.1+79+Widely
<mod>125+118+17.2+125+Newly
<number>1+1+1+12+Widely
<overflow>113+66+17+113+Widely
<percentage>1+1+1+12+Widely
<position>1+1+1+12+Widely
<pow>120+118+15.4+120+Widely
<progress>6+6+6+12+Widely
<random>——26.2+—Limited
<ratio>1+1+3+12+Widely
<ray>55+72+16+79+Widely
<rcap>118+147+17.2+118+Newly
<rch>111+147+17.2+111+Newly
<rem>4+3.6+5+12+Widely
<resolution>68+62+16+79+Widely
<rex>111+147+17.2+111+Newly
<ric>111+147+17.2+111+Newly
<round>125+118+17.2+125+Newly
<shape>1+1+1.3+79+Limited
<sibling-count>138+154+26.2+138+Newly
<sibling-index>138+154+26.2+138+Newly
<sign>138+118+15.4+138+Newly
<sin>111+108+15.4+111+Widely
<sqrt>120+118+15.4+120+Widely
<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>62+22+10+14+Widely
<transform-function>36+16+9+12+Widely
<type>139+——139+Limited
<url>32+19+7+12+Widely
<var>1+1+≤4+12+Widely
accent-color93+92+26.2+93+Limited
align-content29+20+9+12+Widely
align-items29+20+9+12+Widely
align-self29+20+9+12+Widely
alignment-baseline1+—5.1+79+Limited
all37+27+9.1+79+Widely
anchor-name————Limited
anchor-scope————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+—26+115+Limited
animation-range-end115+—26+115+Limited
animation-range-start115+—26+115+Limited
animation-timeline115+—26+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()————Limited
backdrop-filter76+103+18+79+Newly
backface-visibility36+16+15.4+12+Widely
background1+3.6+1.3+12+Widely
background-attachment1+25+15.4+12+Limited
background-blend-mode35+30+8+79+Widely
background-clip21+22+5.1+12+Widely
background-color1+1+1+12+Widely
background-image1+3.6+1.3+12+Widely
background-origin21+22+5.1+12+Widely
background-position25+13+7+12+Widely
background-position-x25+13+7+12+Widely
background-position-y25+13+7+12+Widely
background-repeat30+49+8+12+Widely
background-repeat-x5+—5+79+Widely
background-repeat-y5+—5+79+Widely
background-size21+9+5.1+12+Widely
baseline-shift1+149+4+79+Newly
baseline-source111+115+—111+Limited
block-size89+66+15+89+Widely
border1+1+1+12+Widely
border-block89+66+15+89+Widely
border-block-color89+66+15+89+Widely
border-block-end89+66+15+89+Widely
border-block-end-color89+66+15+89+Widely
border-block-end-style89+66+15+89+Widely
border-block-end-width89+66+15+89+Widely
border-block-start89+66+15+89+Widely
border-block-start-color89+66+15+89+Widely
border-block-start-style89+66+15+89+Widely
border-block-start-width89+66+15+89+Widely
border-block-style89+66+15+89+Widely
border-block-width89+66+15+89+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+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-image56+50+9.1+12+Widely
border-image-outset56+50+9.1+12+Widely
border-image-repeat56+50+9.1+12+Widely
border-image-slice56+50+9.1+12+Widely
border-image-source56+50+9.1+12+Widely
border-image-width56+50+9.1+12+Widely
border-inline89+66+15+89+Widely
border-inline-color89+66+15+89+Widely
border-inline-end89+66+15+89+Widely
border-inline-end-color89+66+15+89+Widely
border-inline-end-style89+66+15+89+Widely
border-inline-end-width89+66+15+89+Widely
border-inline-start89+66+15+89+Widely
border-inline-start-color89+66+15+89+Widely
border-inline-start-style89+66+15+89+Widely
border-inline-start-width89+66+15+89+Widely
border-inline-style89+66+15+89+Widely
border-inline-width89+66+15+89+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+—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.3+79+Limited
clip-path88+71+13.1+88+Widely
clip-rule1+3+3+79+Widely
color-adjust—48+15.4+—Limited
color-interpolation1+3+3+79+Widely
color-interpolation-filters5+3+6+12+Widely
color-mix()111+113+16.2+111+Widely
color-scheme98+96+13+98+Widely
column-count50+52+9+12+Widely
column-fill50+52+9+12+Widely
column-gap50+52+9+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+52+9+12+Widely
column-wrap145+——145+Limited
columns50+52+9+12+Widely
contain52+69+15.4+79+Widely
contain-intrinsic-block-size83+107+17+83+Widely
contain-intrinsic-height83+107+17+83+Widely
contain-intrinsic-inline-size83+107+17+83+Widely
contain-intrinsic-size83+107+17+83+Widely
contain-intrinsic-width83+107+17+83+Widely
container-name105+110+16+105+Widely
container-type105+110+16+105+Widely
content1+1+1+12+Widely
content-visibility108+130+26+108+Newly
contrast-color()147+146+26+147+Newly
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+Widely
CSS Nesting (&)120+117+17.2+120+Widely
cursor68+27+11+79+Limited
custom-property49+31+9.1+15+Widely
cx1+3+3+79+Widely
cy1+3+3+79+Widely
d1+3+3+79+Widely
direction48+50+11+79+Widely
display1+1+1+12+Widely
dominant-baseline1+1+4+79+Widely
dynamic-range-limit136+——136+Limited
empty-cells1+1+1+12+Widely
field-sizing123+152+26.2+123+Newly
fill1+3+3+79+Widely
fill-opacity≤80+1.5+≤13.1+≤80+Widely
fill-rule1+3+3+79+Widely
filter53+35+9.1+12+Widely
flex-basis29+20+9+12+Widely
flex-direction29+20+9+12+Widely
flex-flow29+20+9+12+Widely
flex-grow29+20+9+12+Widely
flex-shrink29+20+9+12+Widely
flex-wrap29+20+9+12+Widely
float1+1+1+12+Widely
flood-color5+3+6+12+Widely
flood-opacity5+3+6+12+Widely
flow-tolerance——26.4+—Limited
font1+1+1+12+Widely
font-display60+58+11.1+79+Widely
font-family1+1+1+12+Widely
font-feature-settings48+34+9.1+15+Widely
font-kerning33+32+9+79+Widely
font-language-override143+34+—143+Limited
font-optical-sizing79+62+13.1+17+Widely
font-palette101+107+15.4+101+Widely
font-size1+1+1+12+Widely
font-size-adjust127+118+17+127+Newly
font-stretch62+62+11.1+79+Widely
font-style1+1+1+12+Widely
font-synthesis97+34+9+97+Widely
font-synthesis-position—118+——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+—131+Limited
font-variant-ligatures34+34+9.1+79+Widely
font-variant-numeric52+34+9.1+79+Widely
font-variant-position—34+——Limited
font-variation-settings62+62+11+17+Widely
font-weight2+1+1+12+Widely
font-width——18.4+—Limited
forced-color-adjust89+89+16+79+Widely
gap57+52+10.1+16+Widely
glyph-orientation-vertical——4+—Limited
grid57+52+10.1+16+Widely
grid-area57+52+10.1+16+Widely
grid-auto-columns57+52+10.1+16+Widely
grid-auto-flow57+52+10.1+16+Widely
grid-auto-rows57+52+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-punctuation——26.5+—Limited
headingfunction————Limited
height1+1+1+12+Widely
hyphenate-character106+98+17+106+Widely
hyphenate-limit-chars109+137+—109+Limited
hyphens88+43+17+88+Widely
image-orientation81+26+13.1+81+Widely
image-rendering41+93+10+79+Widely
ime-mode—3+——Limited
initial-letter110+——110+Limited
inline-size89+66+15+89+Widely
inset89+66+15+89+Widely
inset-block89+66+15+89+Widely
inset-block-end89+66+15+89+Widely
inset-block-start89+66+15+89+Widely
inset-inline89+66+15+89+Widely
inset-inline-end89+66+15+89+Widely
inset-inline-start89+66+15+89+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-items29+20+9+12+Widely
justify-self57+52+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-break83+69+13+83+Widely
line-clamp————Limited
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-block89+66+15+89+Widely
margin-block-end89+66+15+89+Widely
margin-block-start89+66+15+89+Widely
margin-bottom1+1+1+12+Widely
margin-inline89+66+15+89+Widely
margin-inline-end89+66+15+89+Widely
margin-inline-start89+66+15+89+Widely
margin-left1+1+1+12+Widely
margin-right1+1+1+12+Widely
margin-top1+1+1+12+Widely
margin-trim——16.4+—Limited
marker-end1+3+3+79+Widely
marker-mid1+3+3+79+Widely
marker-start1+3+3+79+Widely
mask120+53+15.4+120+Widely
mask-border——17.2+—Limited
mask-border-outset——17.2+—Limited
mask-border-repeat——17.2+—Limited
mask-border-slice——17.2+—Limited
mask-border-source——17.2+—Limited
mask-border-width——17.2+—Limited
mask-clip120+53+15.4+120+Widely
mask-composite120+53+15.4+120+Widely
mask-image120+53+15.4+120+Widely
mask-mode120+53+15.4+120+Widely
mask-origin120+53+15.4+120+Widely
mask-position120+53+15.4+120+Widely
mask-repeat120+53+15.4+120+Widely
mask-size120+53+15.4+120+Widely
mask-type24+35+7+79+Widely
math-depth109+4+5.1+109+Widely
math-shift109+4+5.1+109+Widely
math-style109+4+5.1+109+Widely
max-block-size89+66+15+89+Widely
max-height18+1+1.3+12+Widely
max-inline-size89+66+15+89+Widely
max-width18+1+1.3+12+Widely
min-block-size89+66+15+89+Widely
min-height18+1+1.3+12+Widely
min-inline-size89+66+15+89+Widely
min-width18+1+1.3+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-anchor55+72+16+79+Widely
offset-distance55+72+16+79+Widely
offset-path55+72+16+79+Widely
offset-position55+72+16+79+Widely
offset-rotate55+72+16+79+Widely
opacity1+1+2+12+Widely
order29+20+9+12+Widely
orphans25+—1.3+12+Limited
outline94+88+16.4+94+Widely
outline-color1+1.5+1.2+15+Widely
outline-offset1+1.5+1.2+15+Widely
outline-style1+1.5+1.2+15+Widely
outline-width1+1.5+1.2+15+Widely
overflow-anchor56+66+—79+Limited
overflow-block89+66+15+89+Widely
overflow-clip-margin—148+——Limited
overflow-inline89+66+15+89+Widely
overflow-wrap23+49+7+18+Widely
overflow-x68+61+13.1+79+Widely
overflow-y68+61+13.1+79+Widely
overlay117+——117+Limited
overscroll-behavior144+150+—144+Limited
overscroll-behavior-block144+150+—144+Limited
overscroll-behavior-inline144+150+—144+Limited
overscroll-behavior-x144+150+—144+Limited
overscroll-behavior-y144+150+—144+Limited
padding1+1+1+12+Widely
padding-block89+66+15+89+Widely
padding-block-end89+66+15+89+Widely
padding-block-start89+66+15+89+Widely
padding-bottom1+1+1+12+Widely
padding-inline89+66+15+89+Widely
padding-inline-end89+66+15+89+Widely
padding-inline-start89+66+15+89+Widely
padding-left1+1+1+12+Widely
padding-right1+1+1+12+Widely
padding-top1+1+1+12+Widely
page-break-after1+——12+Limited
page-break-before1+——12+Limited
page-break-inside1+——12+Limited
paint-order123+≤66+≤12+123+Newly
perspective36+16+15.4+12+Widely
perspective-origin36+16+15.4+12+Widely
place-content29+20+9+12+Widely
place-items29+20+9+12+Widely
place-self29+20+9+12+Widely
pointer-events2+3.6+4+12+Widely
position-anchor————Limited
position-area————Limited
position-try-fallbacks————Limited
position-try-order————Limited
position-visibility————Limited
print-color-adjust136+97+15.4+136+Newly
quotes87+70+14.1+87+Widely
r1+3+3+79+Widely
reading-flow137+——137+Limited
reading-order137+——137+Limited
resize4+5+4+79+Limited
rotate104+72+14.1+104+Widely
row-gap57+52+10.1+16+Widely
ruby-align128+38+18.2+128+Newly
ruby-overhang——18.2+—Limited
ruby-position84+38+18.2+84+Newly
rx1+3+3+79+Widely
ry1+3+3+79+Widely
scale104+72+14.1+104+Widely
scroll-behavior61+36+15.4+79+Widely
scroll-initial-target133+——133+Limited
scroll-margin69+68+11+79+Widely
scroll-margin-block69+68+11+79+Widely
scroll-margin-block-end69+68+11+79+Widely
scroll-margin-block-start69+68+11+79+Widely
scroll-margin-bottom69+68+11+79+Widely
scroll-margin-inline69+68+11+79+Widely
scroll-margin-inline-end69+68+11+79+Widely
scroll-margin-inline-start69+68+11+79+Widely
scroll-margin-left69+68+11+79+Widely
scroll-margin-right69+68+11+79+Widely
scroll-margin-top69+68+11+79+Widely
scroll-padding69+68+11+79+Widely
scroll-padding-block69+68+11+79+Widely
scroll-padding-block-end69+68+11+79+Widely
scroll-padding-block-start69+68+11+79+Widely
scroll-padding-bottom69+68+11+79+Widely
scroll-padding-inline69+68+11+79+Widely
scroll-padding-inline-end69+68+11+79+Widely
scroll-padding-inline-start69+68+11+79+Widely
scroll-padding-left69+68+11+79+Widely
scroll-padding-right69+68+11+79+Widely
scroll-padding-top69+68+11+79+Widely
scroll-snap-align69+68+11+79+Widely
scroll-snap-stop69+68+11+79+Widely
scroll-snap-type69+68+11+79+Widely
scroll-target-group140+——140+Limited
scroll-timeline115+—26+115+Limited
scroll-timeline-axis115+—26+115+Limited
scroll-timeline-name115+—26+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+3+79+Widely
shape()135+148+18.4+135+Newly
speak————Limited
speak-as——11.1+—Limited
stop-color1+3+3+79+Widely
stop-opacity1+3+3+79+Widely
stroke1+3+3+79+Widely
stroke-color1+3+3+79+Widely
stroke-dasharray1+3+3+79+Widely
stroke-dashoffset1+3+3+79+Widely
stroke-linecap1+3+3+79+Widely
stroke-linejoin1+3+3+79+Widely
stroke-miterlimit1+3+3+79+Widely
stroke-opacity≤80+1.5+≤13.1+≤80+Widely
stroke-width1+3+3+79+Widely
style()————Limited
tab-size42+91+13.1+79+Widely
table-layout1+1+1+12+Widely
text-align1+1+1+12+Widely
text-align-all————Limited
text-align-last47+49+16+12+Widely
text-anchor1+3+3+79+Widely
text-autospace————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-color1+1+1+12+Widely
text-decoration-inset—146+——Limited
text-decoration-line1+1+1+12+Widely
text-decoration-skip57+—12.1+—Widely
text-decoration-skip-ink64+70+15.4+79+Widely
text-decoration-style1+1+1+12+Widely
text-decoration-thickness1+1+1+12+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-justify145+55+—145+Limited
text-orientation48+41+14+79+Widely
text-overflow1+7+1.3+12+Widely
text-rendering1+3+3+79+Widely
text-shadow2+3.5+1.1+12+Widely
text-size-adjust54+——79+Limited
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-wrap130+124+17.5+130+Newly
text-wrap-mode————Limited
text-wrap-style————Limited
timeline-scope115+—26+115+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-box118+125+13.1+118+Newly
transform-origin36+16+9+12+Widely
transform-style36+16+15.4+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
translate19+111+6+79+Widely
trigger-scope146+——146+Limited
unicode-bidi48+50+11+79+Widely
user-select54+69+—79+Limited
vector-effect1+3+3+79+Widely
vertical-align1+1+1+12+Widely
view-timeline115+—26+115+Limited
view-timeline-axis115+—26+115+Limited
view-timeline-inset115+—26+115+Limited
view-timeline-name115+—26+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.3+12+Widely
white-space1+1+1+12+Widely
white-space-collapse114+124+17.4+114+Newly
widows25+—1.3+12+Limited
width1+1+1+12+Widely
will-change36+36+9.1+79+Widely
word-break44+15+9+12+Widely
word-spacing1+1+1+12+Widely
writing-mode48+41+10.1+12+Widely
x1+3+3+79+Widely
xr-overlay83+——83+Limited
y1+3+3+79+Widely
z-index1+3+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 ↑
© 2026 modern.cssA project by Naeem Noor
ESC
↑↓ navigate↵ openesc close