Optional-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-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-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-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: <'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-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-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-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-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 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-Syntax: none | blink
Initial value: none
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-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-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: 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-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 -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
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>#