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