Interface StandardShorthandProperties<TLength, TTime>

This 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.

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>#

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'>? ]#

This 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>

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%

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>

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'>

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

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>

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>

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

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

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>

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}

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'>

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'>

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

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>

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>

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

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

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>

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} ]?

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>

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}

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>

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}

Syntax: <'caret-color'> || <'caret-shape'>

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'>

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'>

This 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'> ]?

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}

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'> ]

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'>

This 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>

This 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'>?

This 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'>

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}

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> ]?

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> ]?

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> ]?

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,4}

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}

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}

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Syntax: none | <integer>

Initial value: none

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'>

This 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}

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}

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}

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-layer>#

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'>

This 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'> ]?

This 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'> ]?

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'>

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 ]{1,2}

Initial value: visible

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

This 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}

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}

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}

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'>?

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'>?

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'>?

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'>

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}

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}

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}

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}

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}

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}

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}

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'>? ]#

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'>

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'>

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

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>#

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'> ]? ]#