OptionalaccentOptionalalignThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 29 | 28 | 9 | 12 | 11 |
| 21 -x- | 7 -x- |
OptionalalignThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 29 | 20 | 9 | 12 | 11 |
| 21 -x- | 7 -x- |
OptionalalignmentThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: baseline | alphabetic | ideographic | middle | central | mathematical | text-before-edge | text-after-edge
Initial value: baseline
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | No | 5.1 | 79 | No |
OptionalalignThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 29 | 20 | 9 | 12 | 10 |
| 21 -x- | 7 -x- |
OptionalalignSyntax: [ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#
Initial value: normal
OptionalanchorThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | <dashed-ident>#
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 125 | preview | 26 | 125 | No |
OptionalanchorSyntax: none | all | <dashed-ident>#
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 131 | preview | 26 | 131 | No |
OptionalanimationSince July 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: <single-animation-composition>#
Initial value: replace
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 112 | 115 | 16 | 112 | No |
OptionalanimationThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <time>#
Initial value: 0s
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 43 | 16 | 9 | 12 | 10 |
| 3 -x- | 5 -x- | 4 -x- |
OptionalanimationThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <single-animation-direction>#
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 43 | 16 | 9 | 12 | 10 |
| 3 -x- | 5 -x- | 4 -x- |
OptionalanimationThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: [ auto | <time [0s,∞]> ]#
Initial value: 0s
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 43 | 16 | 9 | 12 | 10 |
| 3 -x- | 5 -x- | 4 -x- |
OptionalanimationThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <single-animation-fill-mode>#
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 43 | 16 | 9 | 12 | 10 |
| 3 -x- | 5 -x- | 5 -x- |
OptionalanimationThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <single-animation-iteration-count>#
Initial value: 1
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 43 | 16 | 9 | 12 | 10 |
| 3 -x- | 5 -x- | 4 -x- |
OptionalanimationThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: [ none | <keyframes-name> ]#
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 43 | 16 | 9 | 12 | 10 |
| 3 -x- | 5 -x- | 4 -x- |
OptionalanimationThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <single-animation-play-state>#
Initial value: running
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 43 | 16 | 9 | 12 | 10 |
| 3 -x- | 5 -x- | 4 -x- |
OptionalanimationThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: [ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 115 | No | 26 | 115 | No |
OptionalanimationThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: [ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 115 | No | 26 | 115 | No |
OptionalanimationThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: <single-animation-timeline>#
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 115 | No | 26 | 115 | No |
OptionalanimationThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <easing-function>#
Initial value: ease
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 43 | 16 | 9 | 12 | 10 |
| 3 -x- | 5 -x- | 4 -x- |
OptionalappearanceThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Syntax: none | auto | <compat-auto> | <compat-special>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 84 | 80 | 15.4 | 84 | No |
| 1 -x- | 1 -x- | 3 -x- | 12 -x- |
OptionalaspectThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Syntax: auto || <ratio>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 88 | 89 | 15 | 88 | No |
OptionalbackdropSince September 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: none | <filter-value-list>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 76 | 103 | 18 | 79 | No |
| 9 -x- |
OptionalbackfaceThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Syntax: visible | hidden
Initial value: visible
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 36 | 16 | 15.4 | 12 | 10 |
| 12 -x- | 10 -x- | 5.1 -x- |
OptionalbackgroundThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <attachment>#
Initial value: scroll
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalbackgroundThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <blend-mode>#
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 35 | 30 | 8 | 79 | No |
OptionalbackgroundThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <bg-clip>#
Initial value: border-box
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 4 | 5 | 12 | 9 |
| 3 -x- |
OptionalbackgroundThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <color>
Initial value: transparent
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalbackgroundThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <bg-image>#
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalbackgroundThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <visual-box>#
Initial value: padding-box
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 4 | 3 | 12 | 9 |
OptionalbackgroundThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
Syntax: [ center | [ [ left | right | x-start | x-end ]? <length-percentage>? ]! ]#
Initial value: 0%
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 49 | 1 | 12 | 6 |
OptionalbackgroundThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
Syntax: [ center | [ [ top | bottom | y-start | y-end ]? <length-percentage>? ]! ]#
Initial value: 0%
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 49 | 1 | 12 | 6 |
OptionalbackgroundThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <repeat-style>#
Initial value: repeat
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalbackgroundThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <bg-size>#
Initial value: auto auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 3 | 4 | 5 | 12 | 9 |
| 1 -x- | 3 -x- |
OptionalbaselineSyntax: <length-percentage> | sub | super | baseline
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | No | 4 | 79 | No |
OptionalblockThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'width'>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 41 | 12.1 | 79 | No |
| 8 (-webkit-logical-height) | 5.1 (-webkit-logical-height) |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'border-top-color'>
Initial value: currentcolor
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'border-top-style'>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'border-top-width'>
Initial value: medium
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'border-top-color'>
Initial value: currentcolor
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'border-top-style'>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'border-top-width'>
Initial value: medium
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <'border-top-color'>
Initial value: currentcolor
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage [0,∞]>{1,2}
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 4 | 4 | 5 | 12 | 9 |
| 1 -x- | 3 -x- |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage [0,∞]>{1,2}
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 4 | 4 | 5 | 12 | 9 |
| 1 -x- | 3 -x- |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <line-style>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 5.5 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <line-width>
Initial value: medium
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: separate | collapse
Initial value: separate
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1.1 | 12 | 5 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Syntax: <'border-top-left-radius'>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 89 | 66 | 15 | 89 | No |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Syntax: <'border-top-left-radius'>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 89 | 66 | 15 | 89 | No |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: [ <length [0,∞]> | <number [0,∞]> ]{1,4}
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 15 | 15 | 6 | 12 | 11 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2016.
Syntax: [ stretch | repeat | round | space ]{1,2}
Initial value: stretch
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 15 | 15 | 6 | 12 | 11 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: [ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?
Initial value: 100%
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 15 | 15 | 6 | 12 | 11 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: none | <image>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 15 | 15 | 6 | 12 | 11 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: [ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}
Initial value: 1
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 16 | 13 | 6 | 12 | 11 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'border-top-color'>
Initial value: currentcolor
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
| 3 (-moz-border-end-color) |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'border-top-style'>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
| 3 (-moz-border-end-style) |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'border-top-width'>
Initial value: medium
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
| 3 (-moz-border-end-width) |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'border-top-color'>
Initial value: currentcolor
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
| 3 (-moz-border-start-color) |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'border-top-style'>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
| 3 (-moz-border-start-style) |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'border-top-width'>
Initial value: medium
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <color>
Initial value: currentcolor
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <line-style>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 5.5 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <line-width>
Initial value: medium
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <color>
Initial value: currentcolor
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <line-style>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 5.5 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <line-width>
Initial value: medium
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length>{1,2}
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 8 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Syntax: <'border-top-left-radius'>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 89 | 66 | 15 | 89 | No |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Syntax: <'border-top-left-radius'>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 89 | 66 | 15 | 89 | No |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <color>
Initial value: currentcolor
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage [0,∞]>{1,2}
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 4 | 4 | 5 | 12 | 9 |
| 1 -x- | 3 -x- |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage [0,∞]>{1,2}
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 4 | 4 | 5 | 12 | 9 |
| 1 -x- | 3 -x- |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <line-style>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 5.5 |
OptionalborderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <line-width>
Initial value: medium
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalbottomThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: auto | <length-percentage> | <anchor()> | <anchor-size()>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 5 |
OptionalboxThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: slice | clone
Initial value: slice
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 130 | 32 | 7 -x- | 130 | No |
| 22 -x- | 79 -x- |
OptionalboxThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: none | <shadow>#
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 10 | 4 | 5.1 | 12 | 9 |
| 1 -x- | 3 -x- |
OptionalboxThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: content-box | border-box
Initial value: content-box
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 10 | 29 | 5.1 | 12 | 8 |
| 1 -x- | 1 -x- | 3 -x- |
OptionalbreakThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2019.
Syntax: auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 50 | 65 | 10 | 12 | 10 |
OptionalbreakThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2019.
Syntax: auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 50 | 65 | 10 | 12 | 10 |
OptionalbreakThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2019.
Syntax: auto | avoid | avoid-page | avoid-column | avoid-region
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 50 | 65 | 10 | 12 | 10 |
OptionalcaptionThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: top | bottom
Initial value: top
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 8 |
OptionalcaretThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: auto | <color>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 53 | 11.1 | 79 | No |
OptionalcaretSyntax: auto | bar | block | underscore
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | No | No | No | No |
OptionalclearThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: none | left | right | both | inline-start | inline-end
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalclipThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <clip-source> | [ <basic-shape> || <geometry-box> ] | none
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 55 | 3.5 | 9.1 | 79 | 10 |
| 23 -x- | 7 -x- |
OptionalclipThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: nonzero | evenodd
Initial value: nonzero
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| ≤15 | 3.5 | ≤5 | 79 | No |
OptionalcolorThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <color>
Initial value: canvastext
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 3 |
OptionalcolorSince May 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: economy | exact
Initial value: economy
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 136 | 97 | 15.4 | 136 | No |
| 17 -x- | 48 (color-adjust) | 6 -x- | 79 -x- |
OptionalcolorThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: auto | sRGB | linearRGB
Initial value: linearRGB
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 3 | 3 | 79 | No |
OptionalcolorThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2022.
Syntax: normal | [ light | dark | <custom-ident> ]+ && only?
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 81 | 96 | 13 | 81 | No |
OptionalcolumnThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
Syntax: <integer> | auto
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 50 | 52 | 9 | 12 | 10 |
| 1 -x- | 3 -x- |
OptionalcolumnThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
Syntax: auto | balance
Initial value: balance
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 50 | 52 | 9 | 12 | 10 |
| 8 -x- |
OptionalcolumnThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: normal | <length-percentage>
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 3 | 12 | 10 |
OptionalcolumnThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
Syntax: <color>
Initial value: currentcolor
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 50 | 52 | 9 | 12 | 10 |
| 1 -x- | 3 -x- |
OptionalcolumnThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
Syntax: <'border-style'>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 50 | 52 | 9 | 12 | 10 |
| 1 -x- | 3 -x- |
OptionalcolumnThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
Syntax: <'border-width'>
Initial value: medium
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 50 | 52 | 9 | 12 | 10 |
| 1 -x- | 3 -x- |
OptionalcolumnThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
Syntax: none | all
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 50 | 71 | 9 | 12 | 10 |
| 6 -x- | 5.1 -x- |
OptionalcolumnThis feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2016.
Syntax: <length> | auto
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 50 | 50 | 9 | 12 | 10 |
| 1 -x- | 3 -x- |
OptionalcontainThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Syntax: none | strict | content | [ [ size || inline-size ] || layout || style || paint ]
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 52 | 69 | 15.4 | 79 | No |
OptionalcontainerThis feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023.
Syntax: none | <custom-ident>+
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 105 | 110 | 16 | 105 | No |
OptionalcontainerThis feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023.
Syntax: normal | [ [ size | inline-size ] || scroll-state ]
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 105 | 110 | 16 | 105 | No |
OptionalcontainSince September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: auto? [ none | <length> ]
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 95 | 107 | 17 | 95 | No |
OptionalcontainSince September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: auto? [ none | <length> ]
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 95 | 107 | 17 | 95 | No |
OptionalcontainSince September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: auto? [ none | <length> ]
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 95 | 107 | 17 | 95 | No |
OptionalcontainSince September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: auto? [ none | <length> ]
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 95 | 107 | 17 | 95 | No |
OptionalcontentThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]?
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 8 |
OptionalcontentSince September 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: visible | auto | hidden
Initial value: visible
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 85 | 125 | 18 | 85 | No |
OptionalcounterThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: [ <counter-name> <integer>? ]+ | none
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 2 | 1 | 3 | 12 | 8 |
OptionalcounterThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: [ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+ | none
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 2 | 1 | 3 | 12 | 8 |
OptionalcounterSince December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: [ <counter-name> <integer>? ]+ | none
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 85 | 68 | 17.2 | 85 | No |
OptionalcursorThis feature is well established and works across many devices and browser versions. It’s been available across browsers since December 2021.
Syntax: [ [ <url> [ <x> <y> ]? , ]* <cursor-predefined> ]
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1.2 | 12 | 4 |
OptionalcxThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
Syntax: <length> | <percentage>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 43 | 69 | 9 | 79 | No |
OptionalcyThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
Syntax: <length> | <percentage>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 43 | 69 | 9 | 79 | No |
OptionaldThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | path(<string>)
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 52 | 97 | No | 79 | No |
OptionaldirectionThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: ltr | rtl
Initial value: ltr
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 2 | 1 | 1 | 12 | 5.5 |
OptionaldisplayThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: [ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>
Initial value: inline
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionaldominantThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 4 | 79 | No |
OptionalemptyThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: show | hide
Initial value: show
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1.2 | 12 | 8 |
OptionalfieldThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: content | fixed
Initial value: fixed
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 123 | No | preview | 123 | No |
OptionalfillThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: <paint>
Initial value: black
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 3 | 4 | ≤15 | No |
OptionalfillThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: <'opacity'>
Initial value: 1
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 4 | ≤15 | No |
OptionalfillThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: nonzero | evenodd
Initial value: nonzero
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 3 | 4 | ≤15 | No |
OptionalfilterThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
Syntax: none | <filter-value-list>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 53 | 35 | 9.1 | 12 | No |
| 18 -x- | 6 -x- |
OptionalflexThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: content | <'width'>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 29 | 22 | 9 | 12 | 11 |
| 22 -x- | 7 -x- |
OptionalflexThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: row | row-reverse | column | column-reverse
Initial value: row
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 29 | 22 | 9 | 12 | 11 |
| 21 -x- | 7 -x- | 10 -x- |
OptionalflexThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <number>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 29 | 20 | 9 | 12 | 11 |
| 22 -x- | 7 -x- | 10 (-ms-flex-positive) |
OptionalflexThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <number>
Initial value: 1
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 29 | 20 | 9 | 12 | 10 |
| 22 -x- | 8 -x- |
OptionalflexThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: nowrap | wrap | wrap-reverse
Initial value: nowrap
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 29 | 28 | 9 | 12 | 11 |
| 21 -x- | 7 -x- |
OptionalfloatThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: left | right | none | inline-start | inline-end
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalfloodThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <color>
Initial value: black
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 5 | 3 | 6 | 12 | ≤11 |
OptionalfloodThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <'opacity'>
Initial value: black
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 5 | 3 | 6 | 12 | ≤11 |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: [ <family-name> | <generic-family> ]#
Initial value: depends on user agent
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 3 |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: normal | <feature-tag-value>#
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 48 | 34 | 9.1 | 15 | 10 |
| 16 -x- | 15 -x- |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: auto | normal | none
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 33 | 32 | 9 | 79 | No |
| 6 -x- |
OptionalfontThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: normal | <string>
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 143 | 34 | No | 143 | No |
| 4 -x- |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2020.
Syntax: auto | none
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 79 | 62 | 13.1 | 17 | No |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2022.
Syntax: normal | light | dark | <palette-identifier> | <palette-mix()>
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 101 | 107 | 15.4 | 101 | No |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <absolute-size> | <relative-size> | <length-percentage [0,∞]> | math
Initial value: medium
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 5.5 |
OptionalfontSince July 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 127 | 3 | 16.4 | 127 | No |
OptionalfontThe font-smooth CSS property controls the application of anti-aliasing when fonts are rendered.
Syntax: auto | never | always | <absolute-size> | <length>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 5 (-webkit-font-smoothing) | 25 (-moz-osx-font-smoothing) | 4 (-webkit-font-smoothing) | 79 (-webkit-font-smoothing) | No |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: normal | italic | oblique <angle>?
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2022.
Syntax: none | [ weight || style || small-caps || position]
Initial value: weight style small-caps position
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 97 | 34 | 9 | 97 | No |
OptionalfontThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: auto | none
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | 118 | No | No | No |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
Syntax: auto | none
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 97 | 111 | 16.4 | 97 | No |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
Syntax: auto | none
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 97 | 111 | 16.4 | 97 | No |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
Syntax: auto | none
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 97 | 111 | 16.4 | 97 | No |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby ]
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
Syntax: normal | [ stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) ]
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 111 | 34 | 9.1 | 111 | No |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 52 | 34 | 9.1 | 79 | No |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 63 | 34 | 9.1 | 79 | No |
OptionalfontThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: normal | text | emoji | unicode
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 131 | 141 | No | 131 | No |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 34 | 34 | 9.1 | 79 | No |
| 31 -x- | 7 -x- |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 52 | 34 | 9.1 | 79 | No |
OptionalfontThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: normal | sub | super
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | 34 | 9.1 | No | No |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2018.
Syntax: normal | [ <string> <number> ]#
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 62 | 62 | 11 | 17 | No |
OptionalfontThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <font-weight-absolute> | bolder | lighter
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 2 | 1 | 1 | 12 | 3 |
OptionalfontSyntax: normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | No | 18.4 | No | No |
OptionalforcedThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: auto | none | preserve-parent-color
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 89 | 113 | No | 79 | 10 (-ms-high-contrast-adjust) |
| 12 (-ms-high-contrast-adjust) |
OptionalgridThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
Syntax: <track-size>+
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 70 | 10.1 | 16 | 10 (-ms-grid-columns) |
OptionalgridThis feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: [ row | column ] || dense
Initial value: row
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 52 | 10.1 | 16 | No |
OptionalgridThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
Syntax: <track-size>+
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 70 | 10.1 | 16 | 10 (-ms-grid-rows) |
OptionalgridThis feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: <grid-line>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 52 | 10.1 | 16 | No |
OptionalgridThis feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: <grid-line>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 52 | 10.1 | 16 | No |
OptionalgridThis feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: <grid-line>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 52 | 10.1 | 16 | No |
OptionalgridThis feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: <grid-line>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 52 | 10.1 | 16 | No |
OptionalgridThis feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: none | <string>+
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 52 | 10.1 | 16 | No |
OptionalgridThis feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: none | <track-list> | <auto-track-list> | subgrid <line-name-list>?
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 52 | 10.1 | 16 | 10 (-ms-grid-columns) |
OptionalgridThis feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: none | <track-list> | <auto-track-list> | subgrid <line-name-list>?
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 52 | 10.1 | 16 | 10 (-ms-grid-rows) |
OptionalhangingThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | [ first || [ force-end | allow-end ] || last ]
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | No | 10 | No | No |
OptionalheightThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalhyphenateSince September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: auto | <string>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 106 | 98 | 17 | 106 | No |
| 6 -x- | 5.1 -x- | 79 -x- |
OptionalhyphenateThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: [ auto | <integer> ]{1,3}
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 109 | 137 | No | 109 | No |
OptionalhyphensSince September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: none | manual | auto
Initial value: manual
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 55 | 43 | 17 | 79 | 10 -x- |
| 13 -x- | 6 -x- | 5.1 -x- |
OptionalimageThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2020.
Syntax: from-image | <angle> | [ <angle>? flip ]
Initial value: from-image
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 81 | 26 | 13.1 | 81 | No |
OptionalimageThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: auto | crisp-edges | pixelated | smooth
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 13 | 3.6 | 6 | 79 | No |
OptionalimageThe image-resolution CSS property specifies the intrinsic resolution of all raster images used in or on the element. It affects content images such as replaced elements and generated content, and decorative images such as background-image images.
Syntax: [ from-image || <resolution> ] && snap?
Initial value: 1dppx
OptionalinitialThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: normal | [ <number> <integer>? ]
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 110 | No | 9 -x- | 110 | No |
OptionalinitialSyntax: [ auto | alphabetic | hanging | ideographic ]
Initial value: auto
OptionalinlineThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'width'>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 41 | 12.1 | 79 | No |
| 8 (-webkit-logical-width) | 5.1 (-webkit-logical-width) |
OptionalinsetThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'top'>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 63 | 14.1 | 87 | No |
OptionalinsetThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'top'>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 63 | 14.1 | 87 | No |
OptionalinsetThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'top'>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 63 | 14.1 | 87 | No |
OptionalinsetThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'top'>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 63 | 14.1 | 87 | No |
OptionalinterpolateThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: numeric-only | allow-keywords
Initial value: numeric-only
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 129 | No | No | 129 | No |
OptionalisolationThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: auto | isolate
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 41 | 36 | 8 | 79 | No |
OptionaljustifyThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 29 | 20 | 9 | 12 | 11 |
| 21 -x- | 7 -x- |
OptionaljustifyThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2016.
Syntax: normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center
Initial value: legacy
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 52 | 20 | 9 | 12 | 11 |
OptionaljustifyThis feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 45 | 10.1 | 16 | 10 |
OptionaljustifySyntax: [ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#
Initial value: normal
OptionalleftThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: auto | <length-percentage> | <anchor()> | <anchor-size()>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 5.5 |
OptionalletterThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: normal | <length>
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionallightingThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <color>
Initial value: white
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 5 | 3 | 6 | 12 | ≤11 |
OptionallineThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
Syntax: auto | loose | normal | strict | anywhere
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 58 | 69 | 11 | 14 | 5.5 |
| 1 -x- | 3 -x- |
OptionallineThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: normal | <number> | <length> | <percentage>
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionallineThe line-height-step CSS property sets the step unit for line box heights. When the property is set, line box heights are rounded up to the closest multiple of the unit.
Syntax: <length>
Initial value: 0
OptionallistThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <image> | none
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionallistThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: inside | outside
Initial value: outside
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionallistThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <counter-style> | <string> | none
Initial value: disc
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalmarginThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'margin-top'>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
OptionalmarginThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'margin-top'>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
OptionalmarginThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage> | auto | <anchor-size()>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 3 |
OptionalmarginThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'margin-top'>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
| 2 (-webkit-margin-end) | 3 (-moz-margin-end) | 3 (-webkit-margin-end) |
OptionalmarginThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'margin-top'>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
| 2 (-webkit-margin-start) | 3 (-moz-margin-start) | 3 (-webkit-margin-start) |
OptionalmarginThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage> | auto | <anchor-size()>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 3 |
OptionalmarginThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage> | auto | <anchor-size()>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 3 |
OptionalmarginThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage> | auto | <anchor-size()>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 3 |
OptionalmarginThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | in-flow | all
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | No | 16.4 | No | No |
OptionalmarkerThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: none | <url>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 3 | 4 | ≤15 | No |
OptionalmarkerThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: none | <url>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 3 | 4 | ≤15 | No |
OptionalmarkerThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: none | <url>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 3 | 4 | ≤15 | No |
OptionalmarkerThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: none | <url>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 3 | 4 | ≤15 | No |
OptionalmaskThe mask-border-mode CSS property specifies the blending mode used in a mask border.
Syntax: luminance | alpha
Initial value: alpha
OptionalmaskThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: [ <length> | <number> ]{1,4}
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 (-webkit-mask-box-image-outset) | No | 17.2 | 79 (-webkit-mask-box-image-outset) | No |
| 3.1 (-webkit-mask-box-image-outset) |
OptionalmaskThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: [ stretch | repeat | round | space ]{1,2}
Initial value: stretch
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 (-webkit-mask-box-image-repeat) | No | 17.2 | 79 (-webkit-mask-box-image-repeat) | No |
| 3.1 (-webkit-mask-box-image-repeat) |
OptionalmaskThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: <number-percentage>{1,4} fill?
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 (-webkit-mask-box-image-slice) | No | 17.2 | 79 (-webkit-mask-box-image-slice) | No |
| 3.1 (-webkit-mask-box-image-slice) |
OptionalmaskThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | <image>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 (-webkit-mask-box-image-source) | No | 17.2 | 79 (-webkit-mask-box-image-source) | No |
| 3.1 (-webkit-mask-box-image-source) |
OptionalmaskThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: [ <length-percentage> | <number> | auto ]{1,4}
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 (-webkit-mask-box-image-width) | No | 17.2 | 79 (-webkit-mask-box-image-width) | No |
| 3.1 (-webkit-mask-box-image-width) |
OptionalmaskSince December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: [ <coord-box> | no-clip ]#
Initial value: border-box
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 120 | 53 | 15.4 | 120 | No |
| 1 -x- | 4 -x- | 79 -x- |
OptionalmaskSince December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: <compositing-operator>#
Initial value: add
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 120 | 53 | 15.4 | 18-79 | No |
OptionalmaskSince December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: <mask-reference>#
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 120 | 53 | 15.4 | 16-79 | No |
| 1 -x- | 4 -x- |
OptionalmaskSince December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: <masking-mode>#
Initial value: match-source
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 120 | 53 | 15.4 | 120 | No |
OptionalmaskSince December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: <coord-box>#
Initial value: border-box
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 120 | 53 | 15.4 | 120 | No |
| 1 -x- | 4 -x- | 79 -x- |
OptionalmaskSince December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: <position>#
Initial value: 0% 0%
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 120 | 53 | 15.4 | 18-79 | No |
| 1 -x- | 3.1 -x- |
OptionalmaskSince December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: <repeat-style>#
Initial value: repeat
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 120 | 53 | 15.4 | 18-79 | No |
| 1 -x- | 3.1 -x- |
OptionalmaskSince December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: <bg-size>#
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 120 | 53 | 15.4 | 18-79 | No |
| 4 -x- | 4 -x- |
OptionalmaskThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: luminance | alpha
Initial value: luminance
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 24 | 35 | 7 | 79 | No |
OptionalmasonryThis feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: [ pack | next ] || [ definite-first | ordered ]
Initial value: pack
OptionalmathThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: auto-add | add(<integer>) | <integer>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 109 | 117 | No | 109 | No |
OptionalmathThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: normal | compact
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 109 | No | No | 109 | No |
OptionalmathSince August 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: normal | compact
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 109 | 117 | 14.1 | 109 | No |
OptionalmaxThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'max-width'>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 41 | 12.1 | 79 | No |
OptionalmaxThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: none | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1.3 | 12 | 7 |
OptionalmaxThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'max-width'>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 41 | 12.1 | 79 | No |
| 10.1 -x- |
OptionalmaxSyntax: none | <integer>
Initial value: none
OptionalmaxThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: none | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 7 |
OptionalminThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'min-width'>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 41 | 12.1 | 79 | No |
OptionalminThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 3 | 1.3 | 12 | 7 |
OptionalminThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'min-width'>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 41 | 12.1 | 79 | No |
OptionalminThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 7 |
OptionalmixThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <blend-mode> | plus-darker | plus-lighter
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 41 | 32 | 8 | 79 | No |
OptionalmotionThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
Syntax: <length-percentage>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 55 | 72 | 16 | 79 | No |
| 46 (motion-distance) |
OptionalmotionThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Syntax: none | <offset-path> || <coord-box>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 55 | 72 | 15.4 | 79 | No |
| 46 (motion-path) |
OptionalmotionThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
Syntax: [ auto | reverse ] || <angle>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 56 | 72 | 16 | 79 | No |
| 46 (motion-rotation) |
OptionalobjectThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: fill | contain | cover | none | scale-down
Initial value: fill
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 32 | 36 | 10 | 79 | No |
OptionalobjectThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <position>
Initial value: 50% 50%
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 32 | 36 | 10 | 79 | No |
OptionalobjectSyntax: none | <basic-shape-rect>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 104 | No | No | 104 | No |
OptionaloffsetSince August 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: auto | <position>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 116 | 72 | 16 | 116 | No |
OptionaloffsetThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
Syntax: <length-percentage>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 55 | 72 | 16 | 79 | No |
| 46 (motion-distance) |
OptionaloffsetThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Syntax: none | <offset-path> || <coord-box>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 55 | 72 | 15.4 | 79 | No |
| 46 (motion-path) |
OptionaloffsetSince January 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: normal | auto | <position>
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 116 | 122 | 16 | 116 | No |
OptionaloffsetThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
Syntax: [ auto | reverse ] || <angle>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 56 | 72 | 16 | 79 | No |
| 46 (motion-rotation) |
OptionaloffsetThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
Syntax: [ auto | reverse ] || <angle>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 56 | 72 | 16 | 79 | No |
| 46 (motion-rotation) |
OptionalopacityThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <opacity-value>
Initial value: 1
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 2 | 12 | 9 |
OptionalorderThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <integer>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 29 | 20 | 9 | 12 | 11 |
| 21 -x- | 7 -x- | 10 -x- |
OptionalorphansThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: <integer>
Initial value: 2
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 25 | No | 1.3 | 12 | 8 |
OptionaloutlineThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: auto | <color>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 1.2 | 12 | 8 |
OptionaloutlineThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: <length>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 1.2 | 15 | No |
OptionaloutlineThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: auto | <outline-line-style>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 1.2 | 12 | 8 |
OptionaloutlineThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <line-width>
Initial value: medium
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 1.2 | 12 | 8 |
OptionaloverflowThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: auto | none
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 56 | 66 | preview | 79 | No |
OptionaloverflowSince September 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: visible | hidden | clip | scroll | auto
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 135 | 69 | 26 | 135 | No |
OptionaloverflowSyntax: padding-box | content-box
Initial value: padding-box
OptionaloverflowThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: <visual-box> || <length [0,∞]>
Initial value: 0px
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 90 | 102 | No | 90 | No |
OptionaloverflowSince September 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: visible | hidden | clip | scroll | auto
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 135 | 69 | 26 | 135 | No |
OptionaloverflowThis feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2018.
Syntax: normal | break-word | anywhere
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 23 | 49 | 7 | 18 | 5.5 (word-wrap) |
| 1 (word-wrap) | 3.5 (word-wrap) | 1 (word-wrap) | 12 (word-wrap) |
OptionaloverflowThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: visible | hidden | clip | scroll | auto
Initial value: visible
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 3.5 | 3 | 12 | 5 |
OptionaloverflowThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: visible | hidden | clip | scroll | auto
Initial value: visible
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 3.5 | 3 | 12 | 5 |
OptionaloverlayThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | auto
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 117 | No | No | 117 | No |
OptionaloverscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
Syntax: contain | none | auto
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 77 | 73 | 16 | 79 | No |
OptionaloverscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
Syntax: contain | none | auto
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 77 | 73 | 16 | 79 | No |
OptionaloverscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
Syntax: contain | none | auto
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 63 | 59 | 16 | 18 | No |
OptionaloverscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
Syntax: contain | none | auto
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 63 | 59 | 16 | 18 | No |
OptionalpaddingThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'padding-top'>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
OptionalpaddingThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'padding-top'>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
OptionalpaddingThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage [0,∞]>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalpaddingThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'padding-top'>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
| 2 (-webkit-padding-end) | 3 (-moz-padding-end) | 3 (-webkit-padding-end) |
OptionalpaddingThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'padding-top'>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
| 2 (-webkit-padding-start) | 3 (-moz-padding-start) | 3 (-webkit-padding-start) |
OptionalpaddingThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage [0,∞]>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalpaddingThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage [0,∞]>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalpaddingThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage [0,∞]>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalpageThis feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023.
Syntax: auto | <custom-ident>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 85 | 110 | 1 | 85 | No |
OptionalpaintSince March 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: normal | [ fill || stroke || markers ]
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 123 | 60 | 11 | 123 | No |
OptionalperspectiveThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: none | <length>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 36 | 16 | 9 | 12 | 10 |
| 12 -x- | 10 -x- | 4 -x- |
OptionalperspectiveThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <position>
Initial value: 50% 50%
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 36 | 16 | 9 | 12 | 10 |
| 12 -x- | 10 -x- | 4 -x- |
OptionalpointerThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 4 | 12 | 11 |
OptionalpositionThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: static | relative | absolute | sticky | fixed
Initial value: static
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalpositionThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: auto | <anchor-name>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 125 | preview | 26 | 125 | No |
OptionalpositionThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | <position-area>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 129 | preview | 26 | 129 | No |
OptionalpositionThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | [ [<dashed-ident> || <try-tactic>] | <'position-area'> ]#
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 128 | preview | 26 | 128 | No |
OptionalpositionThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: normal | <try-size>
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 125 | No | 26 | 125 | No |
OptionalpositionThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: always | [ anchors-valid || anchors-visible || no-overflow ]
Initial value: anchors-visible
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 125 | preview | No | 125 | No |
OptionalprintSince May 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: economy | exact
Initial value: economy
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 136 | 97 | 15.4 | 136 | No |
| 17 -x- | 48 (color-adjust) | 6 -x- | 79 -x- |
OptionalquotesThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: none | auto | [ <string> <string> ]+
Initial value: depends on user agent
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 11 | 1.5 | 9 | 12 | 8 |
OptionalrThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
Syntax: <length> | <percentage>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 43 | 69 | 9 | 79 | No |
OptionalresizeThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | both | horizontal | vertical | block | inline
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 4 | 3 | 79 | No |
OptionalrightThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: auto | <length-percentage> | <anchor()> | <anchor-size()>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 5.5 |
OptionalrotateThis feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2022.
Syntax: none | <angle> | [ x | y | z | <number>{3} ] && <angle>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 104 | 72 | 14.1 | 104 | No |
OptionalrowThis feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: normal | <length-percentage>
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 47 | 52 | 10.1 | 16 | No |
OptionalrubySince December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: start | center | space-between | space-around
Initial value: space-around
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 128 | 38 | 18.2 | 128 | No |
OptionalrubySyntax: separate | collapse | auto
Initial value: separate
OptionalrubySyntax: auto | none
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | No | 18.2 | No | No |
OptionalrubySince December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: [ alternate || [ over | under ] ] | inter-character
Initial value: alternate
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 84 | 38 | 18.2 | 12-79 | No |
| 1 -x- | 7 -x- |
OptionalrxSince March 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: <length> | <percentage>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 43 | 69 | 17.4 | 79 | No |
OptionalrySince March 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: <length> | <percentage>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 43 | 69 | 17.4 | 79 | No |
OptionalscaleThis feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2022.
Syntax: none | [ <number> | <percentage> ]{1,3}
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 104 | 72 | 14.1 | 104 | No |
OptionalscrollbarThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: auto | <color>{2}
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 121 | 64 | No | 121 | No |
OptionalscrollbarSince December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: auto | stable && both-edges?
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 94 | 97 | 18.2 | 94 | No |
OptionalscrollbarSince December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: auto | thin | none
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 121 | 64 | 18.2 | 121 | No |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Syntax: auto | smooth
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 61 | 36 | 15.4 | 79 | No |
OptionalscrollSyntax: none | nearest
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 133 | No | No | 133 | No |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Syntax: <length>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 15 | 79 | No |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Syntax: <length>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 15 | 79 | No |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <length>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 14.1 | 79 | No |
| 11 (scroll-snap-margin-bottom) |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Syntax: <length>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 15 | 79 | No |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Syntax: <length>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 15 | 79 | No |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <length>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 14.1 | 79 | No |
| 11 (scroll-snap-margin-left) |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <length>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 14.1 | 79 | No |
| 11 (scroll-snap-margin-right) |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <length>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 14.1 | 79 | No |
| 11 (scroll-snap-margin-top) |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Syntax: auto | <length-percentage>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 15 | 79 | No |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Syntax: auto | <length-percentage>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 15 | 79 | No |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: auto | <length-percentage>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 14.1 | 79 | No |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Syntax: auto | <length-percentage>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 15 | 79 | No |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Syntax: auto | <length-percentage>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 15 | 79 | No |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: auto | <length-percentage>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 14.1 | 79 | No |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: auto | <length-percentage>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 14.1 | 79 | No |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: auto | <length-percentage>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 14.1 | 79 | No |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: [ none | start | end | center ]{1,2}
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 11 | 79 | No |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <length>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 14.1 | 79 | No |
| 11 (scroll-snap-margin-bottom) |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <length>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 14.1 | 79 | No |
| 11 (scroll-snap-margin-left) |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <length>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 14.1 | 79 | No |
| 11 (scroll-snap-margin-right) |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <length>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 14.1 | 79 | No |
| 11 (scroll-snap-margin-top) |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2022.
Syntax: normal | always
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 75 | 103 | 15 | 79 | No |
OptionalscrollThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2022.
Syntax: none | [ x | y | block | inline | both ] [ mandatory | proximity ]?
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 39-68 | 11 | 79 | 10 -x- |
| 9 -x- |
OptionalscrollThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: [ block | inline | x | y ]#
Initial value: block
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 115 | No | 26 | 115 | No |
OptionalscrollThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: [ none | <dashed-ident> ]#
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 115 | No | 26 | 115 | No |
OptionalshapeThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <opacity-value>
Initial value: 0.0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 37 | 62 | 10.1 | 79 | No |
OptionalshapeThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <length-percentage>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 37 | 62 | 10.1 | 79 | No |
OptionalshapeThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: none | [ <shape-box> || <basic-shape> ] | <image>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 37 | 62 | 10.1 | 79 | No |
OptionalshapeThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: auto | optimizeSpeed | crispEdges | geometricPrecision
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 3 | 4 | 79 | No |
OptionalspeakSyntax: normal | spell-out || digits || [ literal-punctuation | no-punctuation ]
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | No | 11.1 | No | No |
OptionalstopThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: <'color'>
Initial value: black
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 3 | 4 | ≤15 | No |
OptionalstopThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: <'opacity'>
Initial value: black
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 3 | 4 | ≤15 | No |
OptionalstrokeThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: <paint>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 4 | ≤15 | No |
OptionalstrokeSyntax: <color>
Initial value: transparent
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | No | 11.1 | No | No |
OptionalstrokeThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: none | <dasharray>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 4 | ≤15 | No |
OptionalstrokeThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: <length-percentage> | <number>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 4 | ≤15 | No |
OptionalstrokeThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: butt | round | square
Initial value: butt
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 4 | ≤15 | No |
OptionalstrokeThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: miter | miter-clip | round | bevel | arcs
Initial value: miter
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 4 | ≤15 | No |
OptionalstrokeThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: <number>
Initial value: 4
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 4 | ≤15 | No |
OptionalstrokeThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: <'opacity'>
Initial value: 1
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 4 | ≤15 | No |
OptionalstrokeThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: <length-percentage> | <number>
Initial value: 1px
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1.5 | 4 | ≤15 | No |
OptionaltableThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: auto | fixed
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 14 | 1 | 1 | 12 | 5 |
OptionaltabThis feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2021.
Syntax: <integer> | <length>
Initial value: 8
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 21 | 91 | 7 | 79 | No |
| 4 -x- |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: start | end | left | right | center | justify | match-parent
Initial value: start, or a nameless value that acts as left if direction is ltr, right if direction is rtl if start is not supported by the browser.
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 3 |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
Syntax: auto | start | end | left | right | center | justify
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 47 | 49 | 16 | 12 | 5.5 |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2016.
Syntax: start | middle | end
Initial value: start
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 3 | 4 | ≤14 | No |
OptionaltextThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: normal | <autospace> | auto
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 140 | 145 | 18.4 | 140 | No |
OptionaltextSyntax: normal | <'text-box-trim'> || <'text-box-edge'>
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 133 | No | 18.2 | 133 | No |
OptionaltextSyntax: auto | <text-edge>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 133 | No | 18.2 | 133 | No |
OptionaltextSyntax: none | trim-start | trim-end | trim-both
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 133 | No | 18.2 | 133 | No |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Syntax: none | all | [ digits <integer>? ]
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 48 | 48 | 15.4 | 79 | 11 (-ms-text-combine-horizontal) |
| 9 (-webkit-text-combine) | 5.1 (-webkit-text-combine) |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <color>
Initial value: currentcolor
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 36 | 12.1 | 79 | No |
| 8 -x- |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 36 | 12.1 | 79 | No |
| 8 -x- |
OptionaltextThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]
Initial value: objects
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57-64 | No | 12.1 | No | No |
| 7 -x- |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Syntax: auto | all | none
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 64 | 70 | 15.4 | 79 | No |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: solid | double | dotted | dashed | wavy
Initial value: solid
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 36 | 12.1 | 79 | No |
| 8 -x- |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2021.
Syntax: auto | from-font | <length> | <percentage>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 89 | 70 | 12.1 | 89 | No |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Syntax: <color>
Initial value: currentcolor
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 99 | 46 | 7 | 99 | No |
| 25 -x- | 79 -x- |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Syntax: auto | [ over | under ] && [ right | left ]?
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 99 | 46 | 7 | 99 | No |
| 25 -x- | 79 -x- |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Syntax: none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 99 | 46 | 7 | 99 | No |
| 25 -x- | 79 -x- |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage> && hanging? && each-line?
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 3 |
OptionaltextThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: auto | inter-character | inter-word | none
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | 55 | No | 12-79 | 11 |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.
Syntax: mixed | upright | sideways
Initial value: mixed
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 48 | 41 | 14 | 79 | No |
| 12 -x- | 5.1 -x- |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: [ clip | ellipsis | <string> ]{1,2}
Initial value: clip
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 7 | 1.3 | 12 | 6 |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: auto | optimizeSpeed | optimizeLegibility | geometricPrecision
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 4 | 1 | 5 | 79 | No |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: none | <shadow-t>#
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 2 | 3.5 | 1.1 | 12 | 10 |
OptionaltextThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | auto | <percentage>
Initial value: auto for smartphone browsers supporting inflation, none in other cases (and then not modifiable).
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 54 | No | No | 79 | No |
OptionaltextThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: space-all | normal | space-first | trim-start
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 123 | No | No | 123 | No |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2020.
Syntax: auto | <length> | <percentage>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 70 | 12.1 | 87 | No |
OptionaltextThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
Syntax: auto | from-font | [ under || [ left | right ] ]
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 33 | 74 | 12.1 | 12 | 6 |
| 9 -x- |
OptionaltextSince October 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: wrap | nowrap
Initial value: wrap
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 130 | 124 | 17.4 | 130 | No |
OptionaltextSince October 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: auto | balance | stable | pretty
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 130 | 124 | 17.5 | 130 | No |
OptionaltimelineThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | <dashed-ident>#
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 116 | No | 26 | 116 | No |
OptionaltopThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: auto | <length-percentage> | <anchor()> | <anchor-size()>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 5 |
OptionaltouchThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2019.
Syntax: auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 36 | 52 | 13 | 12 | 11 |
| 10 -x- |
OptionaltransformThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: none | <transform-list>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 36 | 16 | 9 | 12 | 10 |
| 1 -x- | 3.5 -x- | 3.1 -x- | 9 -x- |
OptionaltransformThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: content-box | border-box | fill-box | stroke-box | view-box
Initial value: view-box
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 64 | 55 | 11 | 79 | No |
OptionaltransformThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: [ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?
Initial value: 50% 50% 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 36 | 16 | 9 | 12 | 10 |
| 1 -x- | 3.5 -x- | 2 -x- | 9 -x- |
OptionaltransformThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: flat | preserve-3d
Initial value: flat
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 36 | 16 | 9 | 12 | No |
| 12 -x- | 10 -x- | 4 -x- |
OptionaltransitionSince August 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: <transition-behavior-value>#
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 117 | 129 | 17.4 | 117 | No |
OptionaltransitionThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <time>#
Initial value: 0s
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 26 | 16 | 9 | 12 | 10 |
| 1 -x- | 4 -x- |
OptionaltransitionThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <time>#
Initial value: 0s
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 26 | 16 | 9 | 12 | 10 |
| 1 -x- | 3.1 -x- |
OptionaltransitionThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: none | <single-transition-property>#
Initial value: all
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 26 | 16 | 9 | 12 | 10 |
| 1 -x- | 3.1 -x- |
OptionaltransitionThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <easing-function>#
Initial value: ease
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 26 | 16 | 9 | 12 | 10 |
| 1 -x- | 3.1 -x- |
OptionaltranslateThis feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2022.
Syntax: none | <length-percentage> [ <length-percentage> <length>? ]?
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 104 | 72 | 14.1 | 104 | No |
OptionalunicodeThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: normal | embed | isolate | bidi-override | isolate-override | plaintext
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 2 | 1 | 1.3 | 12 | 5.5 |
OptionaluserThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: auto | text | none | all
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 54 | 69 | 3 -x- | 79 | 10 -x- |
| 1 -x- | 1 -x- | 12 -x- |
OptionalvectorThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 6 | 15 | 5.1 | 79 | No |
OptionalverticalThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>
Initial value: baseline
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalviewThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: [ block | inline | x | y ]#
Initial value: block
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 115 | No | 26 | 115 | No |
OptionalviewThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: [ [ auto | <length-percentage> ]{1,2} ]#
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 115 | No | 26 | 115 | No |
OptionalviewThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: [ none | <dashed-ident> ]#
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 115 | No | 26 | 115 | No |
OptionalviewSyntax: none | <custom-ident>+
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 125 | 144 | 18.2 | 125 | No |
OptionalviewSince October 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: none | <custom-ident> | match-element
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 111 | 144 | 18 | 111 | No |
OptionalvisibilityThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: visible | hidden | collapse
Initial value: visible
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalwhiteThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'>
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 5.5 |
OptionalwhiteSince March 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: collapse | preserve | preserve-breaks | preserve-spaces | break-spaces
Initial value: collapse
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 114 | 124 | 17.4 | 114 | No |
OptionalwidowsThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: <integer>
Initial value: 2
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 25 | No | 1.3 | 12 | 8 |
OptionalwidthThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalwillThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: auto | <animateable-feature>#
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 36 | 36 | 9.1 | 79 | No |
OptionalwordThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: normal | break-all | keep-all | break-word | auto-phrase
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 15 | 3 | 12 | 5.5 |
OptionalwordThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: normal | <length>
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 6 |
OptionalwordThis feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2018.
Syntax: normal | break-word
Initial value: normal
OptionalwritingThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
Syntax: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr
Initial value: horizontal-tb
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 48 | 41 | 10.1 | 12 | 9 |
| 8 -x- | 5.1 -x- |
OptionalxThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
Syntax: <length> | <percentage>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 42 | 69 | 9 | 79 | No |
OptionalyThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
Syntax: <length> | <percentage>
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 42 | 69 | 9 | 79 | No |
OptionalzThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: auto | <integer>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
OptionalzoomSince May 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: normal | reset | <number [0,∞]> || <percentage [0,∞]>
Initial value: 1
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 126 | 3.1 | 12 | 5.5 |
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax:
auto | <color>Initial value:
auto