Optional-Optional-The box-direction CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).
Syntax: normal | reverse | inherit
Initial value: normal
Optional-The -moz-box-flex and -webkit-box-flex CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.
Syntax: <number>
Initial value: 0
Optional-The box-flex-group CSS property assigns the flexbox's child elements to a flex group.
Syntax: <integer>
Initial value: 1
Optional-The box-lines CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).
Syntax: single | multiple
Initial value: single
Optional-The box-ordinal-group CSS property assigns the flexbox's child elements to an ordinal group.
Syntax: <integer>
Initial value: 1
Optional-The box-orient CSS property sets whether an element lays out its contents horizontally or vertically.
Syntax: horizontal | vertical | inline-axis | block-axis | inherit
Initial value: inline-axis
Optional-The -moz-box-pack and -webkit-box-pack CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.
Syntax: start | center | end | justify
Initial value: start
Optional-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
Optional-This 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
Optional-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
Optional-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>#
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Syntax: none | button | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret | checkbox | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listbox | listitem | menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist | menulist-button | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio | radio-container | radio-label | radiomenuitem | range | range-thumb | resizer | resizerpanel | scale-horizontal | scalethumbend | scalethumb-horizontal | scalethumbstart | scalethumbtick | scalethumb-vertical | scale-vertical | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | separator | sheet | spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tabpanel | tabpanels | tab-scroll-arrow-back | tab-scroll-arrow-forward | textfield | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen | treeview | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communicationstext | -moz-win-communications-toolbox | -moz-win-exclude-glass | -moz-win-glass | -moz-win-mediatext | -moz-win-media-toolbox | -moz-window-button-box | -moz-window-button-box-maximized | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized
Initial value: none (but this value is overridden in the user agent CSS)
Optional-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
Optional-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
Optional-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
Optional-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
Optional-Syntax: <url> | none
Initial value: none
Optional-Syntax: <color>+ | none
Initial value: none
Optional-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
Optional-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
Optional-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
Optional-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'>
Optional-Syntax: <color>+ | none
Initial value: none
Optional-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} ]?
Optional-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
Optional-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
Optional-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
Optional-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
Optional-Syntax: <color>+ | none
Initial value: none
Optional-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
Optional-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
Optional-Syntax: <color>+ | none
Initial value: none
Optional-The box-align CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.
Syntax: start | center | end | baseline | stretch
Initial value: stretch
Optional-The box-direction CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).
Syntax: normal | reverse | inherit
Initial value: normal
Optional-The -moz-box-flex and -webkit-box-flex CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.
Syntax: <number>
Initial value: 0
Optional-The box-ordinal-group CSS property assigns the flexbox's child elements to an ordinal group.
Syntax: <integer>
Initial value: 1
Optional-The box-orient CSS property sets whether an element lays out its contents horizontally or vertically.
Syntax: horizontal | vertical | inline-axis | block-axis | inherit
Initial value: inline-axis
Optional-The -moz-box-pack and -webkit-box-pack CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.
Syntax: start | center | end | justify
Initial value: start
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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'>
Optional-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
Optional-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
Optional-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
Optional-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
Optional-This 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'>
Optional-Syntax: none | [ fill | fill-opacity | stroke | stroke-opacity ]#
Initial value: none
Optional-The non-standard -moz-float-edge CSS property specifies whether the height and width properties of the element include the margin, border, or padding thickness.
Syntax: border-box | content-box | margin-box | padding-box
Initial value: content-box
Optional-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
Optional-This feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: normal | <string>
Initial value: normal
Optional-The -moz-force-broken-image-icon extended CSS property can be used to force the broken image icon to be shown even when a broken image has an alt attribute.
Syntax: 0 | 1
Initial value: 0
Optional-Since 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
Optional-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
Optional-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
Optional-This 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
Optional-The -moz-orient CSS property specifies the orientation of the element to which it's applied.
Syntax: inline | block | horizontal | vertical
Initial value: inline
Optional-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
Optional-This 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'>
Optional-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
Optional-Syntax: <outline-radius>{1,4} [ / <outline-radius>{1,4} ]?
Optional-Syntax: <outline-radius>
Initial value: 0
Optional-Syntax: <outline-radius>
Initial value: 0
Optional-Syntax: <outline-radius>
Initial value: 0
Optional-Syntax: <outline-radius>
Initial value: 0
Optional-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
Optional-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
Optional-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
Optional-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
Optional-This 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
Optional-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%
Optional-Syntax: ignore | stretch-to-fit
Initial value: stretch-to-fit
Optional-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
Optional-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
Optional-Syntax: none | blink
Initial value: none
Optional-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
Optional-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
Optional-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
Optional-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).
Optional-This 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
Optional-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
Optional-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
Optional-This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <single-transition>#
Optional-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
Optional-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
Optional-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
Optional-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
Optional-The -moz-user-focus CSS property is used to indicate whether an element can have the focus.
Syntax: ignore | normal | select-after | select-before | select-menu | select-same | select-all | none
Initial value: none
Optional-In Mozilla applications, -moz-user-input determines if an element will accept user input.
Syntax: auto | none | enabled | disabled
Initial value: auto
Optional-The user-modify property has no effect in Firefox. It was originally planned to determine whether or not the content of an element can be edited by a user.
Syntax: read-only | read-write | write-only
Initial value: read-only
Optional-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
Optional-Syntax: drag | no-drag
Initial value: drag
Optional-Syntax: default | menu | tooltip | sheet | none
Initial value: default
Optional-Syntax: false | true
Initial value: false
Optional-Syntax: tb | rl | bt | lr
Initial value: tb
Optional-Syntax: none | chained
Initial value: none
Optional-Syntax: <'-ms-content-zoom-limit-min'> <'-ms-content-zoom-limit-max'>
Optional-Syntax: <percentage>
Initial value: 400%
Optional-Syntax: <percentage>
Initial value: 100%
Optional-Syntax: <'-ms-content-zoom-snap-type'> || <'-ms-content-zoom-snap-points'>
Optional-Syntax: snapInterval( <percentage>, <percentage> ) | snapList( <percentage># )
Initial value: snapInterval(0%, 100%)
Optional-Syntax: none | proximity | mandatory
Initial value: none
Optional-Syntax: none | zoom
Initial value: zoom for the top level element, none for all other elements
Optional-Syntax: <string>
Initial value: "" (the empty string)
Optional-This 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'> ]
Optional-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
Optional-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
Optional-Syntax: [ none | <custom-ident> ]#
Initial value: none
Optional-Syntax: [ none | <custom-ident> ]#
Initial value: none
Optional-Syntax: none | <track-list> | <auto-track-list>
Initial value: none
Optional-Syntax: none | <track-list> | <auto-track-list>
Initial value: none
Optional-Syntax: auto | none
Initial value: auto
Optional-Syntax: auto | <integer>{1,3}
Initial value: auto
Optional-Syntax: no-limit | <integer>
Initial value: no-limit
Optional-Syntax: <percentage> | <length>
Initial value: 0
Optional-Since 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
Optional-Syntax: auto | after
Initial value: auto
Optional-Syntax: auto | normal | active | inactive | disabled
Initial value: auto
Optional-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
Optional-This 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
Optional-Syntax: auto | none | scrollbar | -ms-autohiding-scrollbar
Initial value: auto
Optional-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
Optional-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
Optional-Syntax: chained | none
Initial value: chained
Optional-Syntax: <'-ms-scroll-limit-x-min'> <'-ms-scroll-limit-y-min'> <'-ms-scroll-limit-x-max'> <'-ms-scroll-limit-y-max'>
Optional-Syntax: auto | <length>
Initial value: auto
Optional-Syntax: <length>
Initial value: 0
Optional-Syntax: auto | <length>
Initial value: auto
Optional-Syntax: <length>
Initial value: 0
Optional-Syntax: none | railed
Initial value: railed
Optional-Syntax: snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )
Initial value: snapInterval(0px, 100%)
Optional-Syntax: snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )
Initial value: snapInterval(0px, 100%)
Optional-Syntax: none | proximity | mandatory
Initial value: none
Optional-Syntax: <'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-x'>
Optional-Syntax: <'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-y'>
Optional-Syntax: none | vertical-to-horizontal
Initial value: none
Optional-Syntax: <color>
Initial value: depends on user agent
Optional-Syntax: <color>
Initial value: ButtonText
Optional-Syntax: <color>
Initial value: depends on user agent
Optional-Syntax: <color>
Initial value: ThreeDDarkShadow
Optional-Syntax: <color>
Initial value: ThreeDFace
Optional-Syntax: <color>
Initial value: ThreeDHighlight
Optional-Syntax: <color>
Initial value: ThreeDDarkShadow
Optional-Syntax: <color>
Initial value: Scrollbar
Optional-Syntax: none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space
Initial value: none
Optional-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
Optional-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
Optional-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
Optional-Syntax: grippers | none
Initial value: grippers
Optional-This 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
Optional-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
Optional-This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <single-transition>#
Optional-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
Optional-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
Optional-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
Optional-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
Optional-Syntax: none | element | text
Initial value: text
Optional-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
Optional-Syntax: auto | both | start | end | maximum | clear
Initial value: auto
Optional-Syntax: <length>
Initial value: 0
Optional-Syntax: wrap | none
Initial value: wrap
Optional-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
Optional-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>#
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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'>
Optional-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
Optional-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%
Optional-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
Optional-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
Optional-This 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
Optional-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
Optional-This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <single-transition>#
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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>#
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Syntax: none | button | button-bevel | caret | checkbox | default-button | inner-spin-button | listbox | listitem | media-controls-background | media-controls-fullscreen-background | media-current-time-display | media-enter-fullscreen-button | media-exit-fullscreen-button | media-fullscreen-button | media-mute-button | media-overlay-play-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | media-time-remaining-display | media-toggle-closed-captions-button | media-volume-slider | media-volume-slider-container | media-volume-sliderthumb | menulist | menulist-button | menulist-text | menulist-textfield | meter | progress-bar | progress-bar-value | push-button | radio | searchfield | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-horizontal | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical | square-button | textarea | textfield | -apple-pay-button
Initial value: none (but this value is overridden in the user agent CSS)
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-The -webkit-border-before CSS property is a shorthand property for setting the individual logical block start border property values in a single place in the style sheet.
Syntax: <'border-width'> || <'border-style'> || <color>
Optional-Syntax: <color>
Initial value: currentcolor
Optional-Syntax: <'border-style'>
Initial value: none
Optional-Syntax: <'border-width'>
Initial value: medium
Optional-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
Optional-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
Optional-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'>
Optional-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%
Optional-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} ]?
Optional-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
Optional-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
Optional-The box-align CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.
Syntax: start | center | end | baseline | stretch
Initial value: stretch
Optional-This feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: slice | clone
Initial value: slice
Optional-The box-direction CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).
Syntax: normal | reverse | inherit
Initial value: normal
Optional-The -moz-box-flex and -webkit-box-flex CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.
Syntax: <number>
Initial value: 0
Optional-The box-flex-group CSS property assigns the flexbox's child elements to a flex group.
Syntax: <integer>
Initial value: 1
Optional-The box-lines CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).
Syntax: single | multiple
Initial value: single
Optional-The box-ordinal-group CSS property assigns the flexbox's child elements to an ordinal group.
Syntax: <integer>
Initial value: 1
Optional-The box-orient CSS property sets whether an element lays out its contents horizontally or vertically.
Syntax: horizontal | vertical | inline-axis | block-axis | inherit
Initial value: inline-axis
Optional-The -moz-box-pack and -webkit-box-pack CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.
Syntax: start | center | end | justify
Initial value: start
Optional-The -webkit-box-reflect CSS property lets you reflect the content of an element in one specific direction.
Syntax: [ above | below | right | left ]? <length>? <image>?
Initial value: none
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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'>
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-This 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'>
Optional-This 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
Optional-This 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'> ]
Optional-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
Optional-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
Optional-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'>
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-Since 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
Optional-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
Optional-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
Optional-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
Optional-This feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | <integer>
Initial value: none
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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> || <position> [ / <bg-size> ]? || <repeat-style> || [ <visual-box> | border | padding | content | text ] || [ <visual-box> | border | padding | content ] ]#
Optional-Syntax: <attachment>#
Initial value: scroll
Optional-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'>
Optional-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
Optional-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
Optional-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
Optional-This feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | <image>
Initial value: none
Optional-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
Optional-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 | border | padding | content | text ]#
Initial value: border
Optional-The -webkit-mask-composite property specifies the manner in which multiple mask images applied to the same element are composited with one another. Mask images are composited in the opposite order that they are declared with the -webkit-mask-image property.
Syntax: <composite-style>#
Initial value: source-over
Optional-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
Optional-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> | border | padding | content ]#
Initial value: padding
Optional-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%
Optional-The -webkit-mask-position-x CSS property sets the initial horizontal position of a mask image.
Syntax: [ <length-percentage> | left | center | right ]#
Initial value: 0%
Optional-The -webkit-mask-position-y CSS property sets the initial vertical position of a mask image.
Syntax: [ <length-percentage> | top | center | bottom ]#
Initial value: 0%
Optional-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
Optional-The -webkit-mask-repeat-x property specifies whether and how a mask image is repeated (tiled) horizontally.
Syntax: repeat | no-repeat | space | round
Initial value: repeat
Optional-The -webkit-mask-repeat-y property sets whether and how a mask image is repeated (tiled) vertically.
Syntax: repeat | no-repeat | space | round
Initial value: repeat
Optional-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 auto
Optional-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
Optional-This 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
Optional-Syntax: auto | touch
Initial value: auto
Optional-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
Optional-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
Optional-This 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
Optional-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%
Optional-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
Optional-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
Optional-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
Optional-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
Optional--webkit-tap-highlight-color is a non-standard CSS property that sets the color of the highlight that appears over a link while it's being tapped. The highlighting indicates to the user that their tap is being successfully recognized, and indicates which element they're tapping on.
Syntax: <color>
Initial value: black
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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
Optional-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'>
Optional-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
Optional-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
Optional-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
Optional-This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
Syntax: <color>
Initial value: currentcolor
Optional-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
Optional-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).
Optional-This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
Syntax: <length> || <color>
Optional-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: currentcolor
Optional-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
Optional-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
Optional-The -webkit-touch-callout CSS property controls the display of the default callout shown when you touch and hold a touch target.
Syntax: default | none
Initial value: default
Optional-This 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
Optional-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
Optional-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
Optional-This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <single-transition>#
Optional-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
Optional-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
Optional-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
Optional-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
Optional-Syntax: read-only | read-write | read-write-plaintext-only
Initial value: read-only
Optional-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
Optional-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
Optionalaccent-This feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: auto | <color>
Initial value: auto
| Chrome | Firefox | Safari | Edge | IE |
|---|---|---|---|---|
| 93 | 92 | 15.4 | 93 | No |
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-The box-align CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.
Syntax: start | center | end | baseline | stretch
Initial value: stretch
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-The box-direction CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).
Syntax: normal | reverse | inherit
Initial value: normal
Optionalbox-The -moz-box-flex and -webkit-box-flex CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.
Syntax: <number>
Initial value: 0
Optionalbox-The box-flex-group CSS property assigns the flexbox's child elements to a flex group.
Syntax: <integer>
Initial value: 1
Optionalbox-The box-lines CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).
Syntax: single | multiple
Initial value: single
Optionalbox-The box-ordinal-group CSS property assigns the flexbox's child elements to an ordinal group.
Syntax: <integer>
Initial value: 1
Optionalbox-The box-orient CSS property sets whether an element lays out its contents horizontally or vertically.
Syntax: horizontal | vertical | inline-axis | block-axis | inherit
Initial value: inline-axis
Optionalbox-The -moz-box-pack and -webkit-box-pack CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.
Syntax: start | center | end | justify
Initial value: start
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 |
OptionalclipThe clip CSS property defines a visible portion of an element. The clip property applies only to absolutely positioned elements — that is, elements with position:absolute or position:fixed.
Syntax: <shape> | auto
Initial value: auto
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-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-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-The font-stretch CSS property selects a normal, condensed, or expanded face from a font.
Syntax: <font-stretch-absolute>
Initial value: normal
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 |
Optionalglyph-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 July 2015.
Syntax: <length-percentage>
Initial value: 0
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-row-gap'> <'grid-column-gap'>?
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: <length-percentage>
Initial value: 0
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
Optionalime-Syntax: auto | normal | active | inactive | disabled
Initial value: auto
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 not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | <position-area>
Initial value: none
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 April 2021.
Syntax: <'top'>{1,2}
Optionaloffset-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
Optionaloffset-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
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 April 2021.
Syntax: <'top'>{1,2}
Optionaloffset-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
Optionaloffset-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
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 |
Optionalpage-The page-break-after CSS property adjusts page breaks after the current element.
Syntax: auto | always | avoid | left | right | recto | verso
Initial value: auto
Optionalpage-The page-break-before CSS property adjusts page breaks before the current element.
Syntax: auto | always | avoid | left | right | recto | verso
Initial value: auto
Optionalpage-The page-break-inside CSS property adjusts page breaks inside the current element.
Syntax: auto | avoid
Initial value: auto
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: none | [ [<dashed-ident> || <try-tactic>] | <'position-area'> ]#
Initial value: none
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-Syntax: none | <position>#
Initial value: none
Optionalscroll-Syntax: <position>
Initial value: 0px 0px
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-Syntax: none | repeat( <length-percentage> )
Initial value: none
Optionalscroll-Syntax: none | repeat( <length-percentage> )
Initial value: none
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-Syntax: none | mandatory | proximity
Initial value: none
Optionalscroll-Syntax: none | mandatory | proximity
Initial value: none
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 |
The
box-alignCSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.Syntax:
start | center | end | baseline | stretchInitial value:
stretch