Optionalaccent-Optionalalign-This 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- |
Optionalalign-This 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- |
Optionalalign-This 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- |
Optionalalign-Syntax: [ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#
Initial value: normal
Optionalalignment-This 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 |
OptionalallThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: initial | inherit | unset | revert | revert-layer
Initial value: There is no practical initial value for it.
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 37 | 27 | 9.1 | 79 | No |
Optionalanchor-This 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 |
Optionalanchor-Syntax: none | all | <dashed-ident>#
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 131 | preview | 26 | 131 | No |
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>#
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 43 | 16 | 9 | 12 | 10 |
| 3 -x- | 5 -x- | 4 -x- |
Optionalanimation-Since 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 |
Optionalanimation-This 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- |
Optionalanimation-This 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- |
Optionalanimation-This 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- |
Optionalanimation-This 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- |
Optionalanimation-This 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- |
Optionalanimation-This 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- |
Optionalanimation-This 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- |
Optionalanimation-This feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: [ <'animation-range-start'> <'animation-range-end'>? ]#
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 115 | No | 26 | 115 | No |
Optionalanimation-This 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 |
Optionalanimation-This 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 |
Optionalanimation-This 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 |
Optionalanimation-This 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- |
Optionalaspect-This 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 |
Optionalbackdrop-Since 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- |
Optionalbackface-This 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: <bg-layer>#? , <final-bg-layer>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
Optionalbackground-This 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 |
Optionalbackground-This 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 |
Optionalbackground-This 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- |
Optionalbackground-This 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 |
Optionalbackground-This 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 |
Optionalbackground-This 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 |
Optionalbackground-This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <bg-position>#
Initial value: 0% 0%
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
Optionalbackground-This 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 |
Optionalbackground-This 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 |
Optionalbackground-This 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 |
Optionalbackground-This 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- |
Optionalbaseline-Syntax: <length-percentage> | sub | super | baseline
Initial value: 0
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | No | 4 | 79 | No |
Optionalblock-This 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 July 2015.
Syntax: <line-width> || <line-style> || <color>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
Optionalborder-This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'border-block-start'>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 66 | 14.1 | 87 | No |
Optionalborder-This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'border-top-color'>{1,2}
Initial value: currentcolor
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 66 | 14.1 | 87 | No |
Optionalborder-This 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'> || <'border-top-style'> || <color>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This 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'> || <'border-top-style'> || <color>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'border-top-style'>{1,2}
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 66 | 14.1 | 87 | No |
Optionalborder-This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'border-top-width'>{1,2}
Initial value: medium
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 66 | 14.1 | 87 | No |
Optionalborder-This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <line-width> || <line-style> || <color>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
Optionalborder-This 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 |
Optionalborder-This 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- |
Optionalborder-This 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- |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <color>{1,4}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 16 | 15 | 6 | 12 | 11 |
| 7 -x- | 3.5 -x- | 3 -x- |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'border-block-start'>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 66 | 14.1 | 87 | No |
Optionalborder-This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'border-top-color'>{1,2}
Initial value: currentcolor
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 66 | 14.1 | 87 | No |
Optionalborder-This 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'> || <'border-top-style'> || <color>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
Optionalborder-This 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) |
Optionalborder-This 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) |
Optionalborder-This 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) |
Optionalborder-This 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'> || <'border-top-style'> || <color>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 41 | 12.1 | 79 | No |
Optionalborder-This 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) |
Optionalborder-This 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) |
Optionalborder-This 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 |
Optionalborder-This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'border-top-style'>{1,2}
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 66 | 14.1 | 87 | No |
Optionalborder-This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'border-top-width'>{1,2}
Initial value: medium
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 66 | 14.1 | 87 | No |
Optionalborder-This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <line-width> || <line-style> || <color>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This 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,4} [ / <length-percentage [0,∞]>{1,4} ]?
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 4 | 4 | 5 | 12 | 9 |
| 1 -x- | 3 -x- |
Optionalborder-This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <line-width> || <line-style> || <color>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 5.5 |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <line-style>{1,4}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
Optionalborder-This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <line-width> || <line-style> || <color>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
Optionalborder-This 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 |
Optionalborder-This 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- |
Optionalborder-This 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- |
Optionalborder-This 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 |
Optionalborder-This 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 |
Optionalborder-This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <line-width>{1,4}
| 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 |
Optionalbox-This 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- |
Optionalbox-This 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- |
Optionalbox-This 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- |
Optionalbreak-This 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 |
Optionalbreak-This 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 |
Optionalbreak-This 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 |
Optionalcaption-This 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 |
OptionalcaretSyntax: <'caret-color'> || <'caret-shape'>
Optionalcaret-This 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 |
Optionalcaret-Syntax: 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 |
Optionalclip-This 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- |
Optionalclip-This 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 |
Optionalcolor-Since 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- |
Optionalcolor-This 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 |
Optionalcolor-This 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 |
Optionalcolumn-This 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- |
Optionalcolumn-This 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- |
Optionalcolumn-This 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 |
Optionalcolumn-This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
Syntax: <'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 50 | 52 | 9 | 12 | 10 |
| 1 -x- | 3 -x- |
Optionalcolumn-This 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- |
Optionalcolumn-This 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- |
Optionalcolumn-This 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- |
Optionalcolumn-This 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- |
Optionalcolumn-This 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- |
OptionalcolumnsThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
Syntax: <'column-width'> || <'column-count'>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 50 | 52 | 9 | 12 | 10 |
| 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 |
Optionalcontain-Since 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 |
Optionalcontain-Since 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 |
Optionalcontain-Since 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 |
Optionalcontain-Since 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> ] ]{1,2}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 83 | 107 | 17 | 83 | No |
Optionalcontain-Since 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 |
OptionalcontainerThis feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023.
Syntax: <'container-name'> [ / <'container-type'> ]?
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 105 | 110 | 16 | 105 | No |
Optionalcontainer-This 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 |
Optionalcontainer-This 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 |
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 |
Optionalcontent-Since 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 |
Optionalcounter-This 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 |
Optionalcounter-This 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 |
Optionalcounter-Since 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 |
Optionaldominant-This 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 |
Optionalempty-This 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 |
Optionalfield-This 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 |
Optionalfill-This 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 |
Optionalfill-This 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: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 29 | 22 | 9 | 12 | 11 |
| 21 -x- | 7 -x- | 10 -x- |
Optionalflex-This 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- |
Optionalflex-This 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- |
Optionalflex-This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <'flex-direction'> || <'flex-wrap'>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 29 | 28 | 9 | 12 | 11 |
| 21 -x- | 7 -x- |
Optionalflex-This 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) |
Optionalflex-This 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- |
Optionalflex-This 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 |
Optionalflood-This 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 |
Optionalflood-This 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: [ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 3 |
Optionalfont-This 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 |
Optionalfont-This 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- |
Optionalfont-This 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- |
Optionalfont-This 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- |
Optionalfont-This 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 |
Optionalfont-This 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 |
Optionalfont-This 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 |
Optionalfont-Since 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 |
Optionalfont-The 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 |
Optionalfont-This 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 |
Optionalfont-This 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 |
Optionalfont-This 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 |
Optionalfont-This 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 |
Optionalfont-This 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 |
Optionalfont-This 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 |
Optionalfont-This 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 |
Optionalfont-This 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 |
Optionalfont-This 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 |
Optionalfont-This 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 |
Optionalfont-This 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 |
Optionalfont-This 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- |
Optionalfont-This 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 |
Optionalfont-This 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 |
Optionalfont-This 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 |
Optionalfont-This 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 |
Optionalfont-Syntax: 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 |
Optionalforced-This 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) |
OptionalgapThis feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: <'row-gap'> <'column-gap'>?
| 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-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 52 | 10.1 | 16 | No |
Optionalgrid-This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: <grid-line> [ / <grid-line> ]{0,3}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 52 | 10.1 | 16 | No |
Optionalgrid-This 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) |
Optionalgrid-This 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 |
Optionalgrid-This 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) |
Optionalgrid-This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: <grid-line> [ / <grid-line> ]?
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 52 | 10.1 | 16 | No |
Optionalgrid-This 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 |
Optionalgrid-This 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 |
Optionalgrid-This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: <grid-line> [ / <grid-line> ]?
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 52 | 10.1 | 16 | No |
Optionalgrid-This 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 |
Optionalgrid-This 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 |
Optionalgrid-This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 57 | 52 | 10.1 | 16 | No |
Optionalgrid-This 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 |
Optionalgrid-This 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) |
Optionalgrid-This 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) |
Optionalhanging-This 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 |
Optionalhyphenate-Since 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- |
Optionalhyphenate-This 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- |
Optionalimage-This 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 |
Optionalimage-This 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 |
Optionalimage-The 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
Optionalinitial-This 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 |
Optionalinitial-Syntax: [ auto | alphabetic | hanging | ideographic ]
Initial value: auto
Optionalinline-This 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'>{1,4}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 66 | 14.1 | 87 | No |
Optionalinset-This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'top'>{1,2}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 63 | 14.1 | 87 | No |
Optionalinset-This 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 |
Optionalinset-This 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 |
Optionalinset-This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'top'>{1,2}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 63 | 14.1 | 87 | No |
Optionalinset-This 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 |
Optionalinset-This 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 |
Optionalinterpolate-This 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 |
Optionaljustify-This 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- |
Optionaljustify-This 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 |
Optionaljustify-This 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 |
Optionaljustify-Syntax: [ 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 |
Optionalletter-This 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 |
Optionallighting-This 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 |
Optionalline-This 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- |
Optionalline-This feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | <integer>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 6 -x- | 68 -x- | 18.2-18.4 | 17 -x- | No |
| 5 -x- |
Optionalline-This 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 |
Optionalline-The 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
Optionallist-This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <'list-style-type'> || <'list-style-position'> || <'list-style-image'>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
Optionallist-This 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 |
Optionallist-This 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 |
Optionallist-This 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 July 2015.
Syntax: <'margin-top'>{1,4}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 3 |
Optionalmargin-This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'margin-top'>{1,2}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 66 | 14.1 | 87 | No |
Optionalmargin-This 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 |
Optionalmargin-This 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 |
Optionalmargin-This 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 |
Optionalmargin-This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'margin-top'>{1,2}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 66 | 14.1 | 87 | No |
Optionalmargin-This 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) |
Optionalmargin-This 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) |
Optionalmargin-This 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 |
Optionalmargin-This 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 |
Optionalmargin-This 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 |
Optionalmargin-This 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 |
Optionalmarker-This 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 |
Optionalmarker-This 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 |
Optionalmarker-This 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 |
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-layer>#
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 120 | 53 | 15.4 | 12-79 | No |
| 1 -x- | 3.1 -x- |
Optionalmask-This feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: <'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 (-webkit-mask-box-image) | No | 17.2 | 79 (-webkit-mask-box-image) | No |
| 3.1 (-webkit-mask-box-image) |
Optionalmask-The mask-border-mode CSS property specifies the blending mode used in a mask border.
Syntax: luminance | alpha
Initial value: alpha
Optionalmask-This 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) |
Optionalmask-This 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) |
Optionalmask-This 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) |
Optionalmask-This 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) |
Optionalmask-This 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) |
Optionalmask-Since 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- |
Optionalmask-Since 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 |
Optionalmask-Since 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- |
Optionalmask-Since 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 |
Optionalmask-Since 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- |
Optionalmask-Since 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- |
Optionalmask-Since 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- |
Optionalmask-Since 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- |
Optionalmask-This 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 |
Optionalmasonry-This 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
Optionalmath-This 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 |
Optionalmath-This 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 |
Optionalmath-Since 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 |
Optionalmax-This 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 |
Optionalmax-This 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 |
Optionalmax-This 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- |
Optionalmax-Syntax: none | <integer>
Initial value: none
Optionalmax-This 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 |
Optionalmin-This 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 |
Optionalmin-This 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 |
Optionalmin-This 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 |
Optionalmin-This 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 |
Optionalmix-This 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: [ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 55 | 72 | 16 | 79 | No |
| 46 (motion) |
Optionalmotion-This 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) |
Optionalmotion-This 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) |
Optionalmotion-This 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) |
Optionalobject-This 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 |
Optionalobject-This 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 |
Optionalobject-Syntax: none | <basic-shape-rect>
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 104 | No | No | 104 | No |
OptionaloffsetThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
Syntax: [ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 55 | 72 | 16 | 79 | No |
| 46 (motion) |
Optionaloffset-Since 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 |
Optionaloffset-This 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) |
Optionaloffset-This 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) |
Optionaloffset-Since 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 |
Optionaloffset-This 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) |
Optionaloffset-This 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 March 2023.
Syntax: <'outline-width'> || <'outline-style'> || <'outline-color'>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 94 | 88 | 16.4 | 94 | 8 |
Optionaloutline-This 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 |
Optionaloutline-This 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 |
Optionaloutline-This 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 |
Optionaloutline-This 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 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 ]{1,2}
Initial value: visible
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
Optionaloverflow-This 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 |
Optionaloverflow-Since 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 |
Optionaloverflow-Syntax: padding-box | content-box
Initial value: padding-box
Optionaloverflow-This 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 |
Optionaloverflow-Since 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 |
Optionaloverflow-This 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) |
Optionaloverflow-This 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 |
Optionaloverflow-This 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 |
Optionaloverscroll-This 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 ]{1,2}
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 63 | 59 | 16 | 18 | No |
Optionaloverscroll-This 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 |
Optionaloverscroll-This 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 |
Optionaloverscroll-This 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 |
Optionaloverscroll-This 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 July 2015.
Syntax: <'padding-top'>{1,4}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 4 |
Optionalpadding-This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'padding-top'>{1,2}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 66 | 14.1 | 87 | No |
Optionalpadding-This 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 |
Optionalpadding-This 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 |
Optionalpadding-This 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 |
Optionalpadding-This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'padding-top'>{1,2}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 87 | 66 | 14.1 | 87 | No |
Optionalpadding-This 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) |
Optionalpadding-This 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) |
Optionalpadding-This 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 |
Optionalpadding-This 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 |
Optionalpadding-This 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 |
Optionalpaint-Since 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- |
Optionalperspective-This 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- |
Optionalplace-This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'align-content'> <'justify-content'>?
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 59 | 45 | 9 | 79 | No |
Optionalplace-This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'align-items'> <'justify-items'>?
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 59 | 45 | 11 | 79 | No |
Optionalplace-This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <'align-self'> <'justify-self'>?
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 59 | 45 | 11 | 79 | No |
Optionalpointer-This 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 |
Optionalposition-This 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 |
Optionalposition-This 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 |
Optionalposition-This feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: <'position-try-order'>? <'position-try-fallbacks'>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 125 | preview | 26 | 125 | No |
Optionalposition-This 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 |
Optionalposition-This 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 |
Optionalposition-This 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 |
Optionalprint-Since 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 |
Optionalrow-This 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 |
Optionalruby-Since 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 |
Optionalruby-Syntax: separate | collapse | auto
Initial value: separate
Optionalruby-Syntax: auto | none
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | No | 18.2 | No | No |
Optionalruby-Since 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 |
Optionalscroll-This 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 |
Optionalscroll-Syntax: none | nearest
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 133 | No | No | 133 | No |
Optionalscroll-This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2021.
Syntax: <length>{1,4}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 90 | 14.1 | 79 | No |
| 11 (scroll-snap-margin) |
Optionalscroll-This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Syntax: <length>{1,2}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 15 | 79 | No |
Optionalscroll-This 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 |
Optionalscroll-This 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 |
Optionalscroll-This 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) |
Optionalscroll-This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Syntax: <length>{1,2}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 15 | 79 | No |
Optionalscroll-This 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 |
Optionalscroll-This 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 |
Optionalscroll-This 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) |
Optionalscroll-This 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) |
Optionalscroll-This 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) |
Optionalscroll-This 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> ]{1,4}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 14.1 | 79 | No |
Optionalscroll-This 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> ]{1,2}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 15 | 79 | No |
Optionalscroll-This 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 |
Optionalscroll-This 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 |
Optionalscroll-This 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 |
Optionalscroll-This 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> ]{1,2}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68 | 15 | 79 | No |
Optionalscroll-This 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 |
Optionalscroll-This 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 |
Optionalscroll-This 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 |
Optionalscroll-This 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 |
Optionalscroll-This 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 |
Optionalscroll-This 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 |
Optionalscroll-This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2021.
Syntax: <length>{1,4}
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 69 | 68-90 | 14.1 | 79 | No |
| 11 (scroll-snap-margin) |
Optionalscroll-This 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) |
Optionalscroll-This 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) |
Optionalscroll-This 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) |
Optionalscroll-This 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) |
Optionalscroll-This 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 |
Optionalscroll-This 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- |
Optionalscroll-This feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: [ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 115 | No | 26 | 115 | No |
Optionalscroll-This 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 |
Optionalscroll-This 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 |
Optionalscrollbar-This 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 |
Optionalscrollbar-Since 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 |
Optionalscrollbar-Since 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 |
Optionalshape-This 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 |
Optionalshape-This 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 |
Optionalshape-This 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 |
Optionalshape-This 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 |
Optionalspeak-Syntax: normal | spell-out || digits || [ literal-punctuation | no-punctuation ]
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | No | 11.1 | No | No |
Optionalstop-This 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 |
Optionalstop-This 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 |
Optionalstroke-Syntax: <color>
Initial value: transparent
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| No | No | 11.1 | No | No |
Optionalstroke-This 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 |
Optionalstroke-This 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 |
Optionalstroke-This 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 |
Optionalstroke-This 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 |
Optionalstroke-This 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 |
Optionalstroke-This 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 |
Optionalstroke-This 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 |
Optionaltab-This 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- |
Optionaltable-This 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 |
Optionaltext-This 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 |
Optionaltext-This 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 |
Optionaltext-This 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 |
Optionaltext-This 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 |
Optionaltext-Syntax: normal | <'text-box-trim'> || <'text-box-edge'>
Initial value: normal
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 133 | No | 18.2 | 133 | No |
Optionaltext-Syntax: auto | <text-edge>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 133 | No | 18.2 | 133 | No |
Optionaltext-Syntax: none | trim-start | trim-end | trim-both
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 133 | No | 18.2 | 133 | No |
Optionaltext-This 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) |
Optionaltext-This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 1 | 1 | 1 | 12 | 3 |
Optionaltext-This 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- |
Optionaltext-This 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- |
Optionaltext-This 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- |
Optionaltext-This 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 |
Optionaltext-This 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- |
Optionaltext-This 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 |
Optionaltext-This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Syntax: <'text-emphasis-style'> || <'text-emphasis-color'>
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 99 | 46 | 7 | 99 | No |
| 25 -x- | 79 -x- |
Optionaltext-This 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- |
Optionaltext-This 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- |
Optionaltext-This 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- |
Optionaltext-This 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 |
Optionaltext-This 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 |
Optionaltext-This 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- |
Optionaltext-This 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 |
Optionaltext-This 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 |
Optionaltext-This 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 |
Optionaltext-This 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 |
Optionaltext-This 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 |
Optionaltext-This 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 |
Optionaltext-This 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 |
Optionaltext-This 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- |
Optionaltext-Since March 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Syntax: <'text-wrap-mode'> || <'text-wrap-style'>
Initial value: wrap
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 114 | 121 | 17.4 | 114 | No |
Optionaltext-Since 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 |
Optionaltext-Since 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 |
Optionaltimeline-This 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 |
Optionaltouch-This 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- |
Optionaltransform-This 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 |
Optionaltransform-This 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- |
Optionaltransform-This 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- |
OptionaltransitionThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <single-transition>#
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 26 | 16 | 9 | 12 | 10 |
| 1 -x- | 3.1 -x- |
Optionaltransition-Since 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 |
Optionaltransition-This 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- |
Optionaltransition-This 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- |
Optionaltransition-This 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- |
Optionaltransition-This 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 |
Optionalunicode-This 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 |
Optionaluser-This 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- |
Optionalvector-This 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 |
Optionalvertical-This 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 |
Optionalview-This feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: [ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 115 | No | 26 | 115 | No |
Optionalview-This 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 |
Optionalview-This 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 |
Optionalview-This 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 |
Optionalview-Syntax: none | <custom-ident>+
Initial value: none
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 125 | 144 | 18.2 | 125 | No |
Optionalview-Since 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 |
Optionalwhite-This 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 |
Optionalwhite-Since 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 |
Optionalwill-This 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 |
Optionalword-This 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 |
Optionalword-This 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 |
Optionalword-This 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
Optionalwriting-This 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 |
Optionalz-This 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