OptionalMozOptionalMozThis 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
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
OptionalMozSyntax: <color>+ | 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
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: 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: <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 November 2016.
Syntax: <length> | auto
Initial value: auto
OptionalMozSyntax: none | [ fill | fill-opacity | stroke | stroke-opacity ]#
Initial value: none
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
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
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
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 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
OptionalMozSyntax: none | blink
Initial value: none
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
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: <percentage>
Initial value: 400%
OptionalmsSyntax: <percentage>
Initial value: 100%
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: 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
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: 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: 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: <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
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: <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
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: [ <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,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 not Baseline because it does not work in some of the most widely-used browsers.
Syntax: slice | clone
Initial value: slice
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: <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 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: 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: <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
OptionalWebkitSyntax: <attachment>#
Initial value: scroll
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: <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: <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: <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
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