OptionalboxOptionalboxThe box-direction CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).
Syntax: normal | reverse | inherit
Initial value: normal
OptionalboxThe -moz-box-flex and -webkit-box-flex CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.
Syntax: <number>
Initial value: 0
OptionalboxThe box-flex-group CSS property assigns the flexbox's child elements to a flex group.
Syntax: <integer>
Initial value: 1
OptionalboxThe box-lines CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).
Syntax: single | multiple
Initial value: single
OptionalboxThe box-ordinal-group CSS property assigns the flexbox's child elements to an ordinal group.
Syntax: <integer>
Initial value: 1
OptionalboxThe box-orient CSS property sets whether an element lays out its contents horizontally or vertically.
Syntax: horizontal | vertical | inline-axis | block-axis | inherit
Initial value: inline-axis
OptionalboxThe -moz-box-pack and -webkit-box-pack CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.
Syntax: start | center | end | justify
Initial value: start
OptionalclipThe clip CSS property defines a visible portion of an element. The clip property applies only to absolutely positioned elements — that is, elements with position:absolute or position:fixed.
Syntax: <shape> | auto
Initial value: auto
OptionalfontThe font-stretch CSS property selects a normal, condensed, or expanded face from a font.
Syntax: <font-stretch-absolute>
Initial value: normal
OptionalgridThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage>
Initial value: 0
OptionalgridThis feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: <'grid-row-gap'> <'grid-column-gap'>?
OptionalgridThis feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Syntax: <length-percentage>
Initial value: 0
OptionalimeSyntax: auto | normal | active | inactive | disabled
Initial value: auto
OptionalinsetThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | <position-area>
Initial value: none
OptionalKhtmlThe box-align CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.
Syntax: start | center | end | baseline | stretch
Initial value: stretch
OptionalKhtmlThe box-direction CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).
Syntax: normal | reverse | inherit
Initial value: normal
OptionalKhtmlThe -moz-box-flex and -webkit-box-flex CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.
Syntax: <number>
Initial value: 0
OptionalKhtmlThe box-flex-group CSS property assigns the flexbox's child elements to a flex group.
Syntax: <integer>
Initial value: 1
OptionalKhtmlThe box-lines CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).
Syntax: single | multiple
Initial value: single
OptionalKhtmlThe box-ordinal-group CSS property assigns the flexbox's child elements to an ordinal group.
Syntax: <integer>
Initial value: 1
OptionalKhtmlThe box-orient CSS property sets whether an element lays out its contents horizontally or vertically.
Syntax: horizontal | vertical | inline-axis | block-axis | inherit
Initial value: inline-axis
OptionalKhtmlThe -moz-box-pack and -webkit-box-pack CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.
Syntax: start | center | end | justify
Initial value: start
OptionalKhtmlThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
Syntax: auto | loose | normal | strict | anywhere
Initial value: auto
OptionalKhtmlThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <opacity-value>
Initial value: 1
OptionalKhtmlThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: auto | text | none | all
Initial value: auto
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <bg-clip>#
Initial value: border-box
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <visual-box>#
Initial value: padding-box
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <bg-size>#
Initial value: auto auto
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage [0,∞]>{1,2}
Initial value: 0
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage [0,∞]>{1,2}
Initial value: 0
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage [0,∞]>{1,2}
Initial value: 0
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <length-percentage [0,∞]>{1,2}
Initial value: 0
OptionalMozThe box-align CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.
Syntax: start | center | end | baseline | stretch
Initial value: stretch
OptionalMozThe box-direction CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).
Syntax: normal | reverse | inherit
Initial value: normal
OptionalMozThe -moz-box-flex and -webkit-box-flex CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.
Syntax: <number>
Initial value: 0
OptionalMozThe box-ordinal-group CSS property assigns the flexbox's child elements to an ordinal group.
Syntax: <integer>
Initial value: 1
OptionalMozThe box-orient CSS property sets whether an element lays out its contents horizontally or vertically.
Syntax: horizontal | vertical | inline-axis | block-axis | inherit
Initial value: inline-axis
OptionalMozThe -moz-box-pack and -webkit-box-pack CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.
Syntax: start | center | end | justify
Initial value: start
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: none | <shadow>#
Initial value: none
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
Syntax: <integer> | auto
Initial value: auto
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
Syntax: auto | balance
Initial value: balance
OptionalMozThe non-standard -moz-float-edge CSS property specifies whether the height and width properties of the element include the margin, border, or padding thickness.
Syntax: border-box | content-box | margin-box | padding-box
Initial value: content-box
OptionalMozThe -moz-force-broken-image-icon extended CSS property can be used to force the broken image icon to be shown even when a broken image has an alt attribute.
Syntax: 0 | 1
Initial value: 0
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <opacity-value>
Initial value: 1
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
Syntax: <'outline-width'> || <'outline-style'> || <'outline-color'>
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: auto | <color>
Initial value: auto
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: auto | <outline-line-style>
Initial value: none
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <line-width>
Initial value: medium
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
Syntax: auto | start | end | left | right | center | justify
Initial value: auto
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <color>
Initial value: currentcolor
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error
Initial value: none
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: solid | double | dotted | dashed | wavy
Initial value: solid
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <time>#
Initial value: 0s
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <time>#
Initial value: 0s
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: none | <single-transition-property>#
Initial value: all
OptionalMozThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <easing-function>#
Initial value: ease
OptionalMozThe -moz-user-focus CSS property is used to indicate whether an element can have the focus.
Syntax: ignore | normal | select-after | select-before | select-menu | select-same | select-all | none
Initial value: none
OptionalMozIn Mozilla applications, -moz-user-input determines if an element will accept user input.
Syntax: auto | none | enabled | disabled
Initial value: auto
OptionalmsSyntax: auto | normal | active | inactive | disabled
Initial value: auto
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <single-animation>#
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <time>#
Initial value: 0s
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <single-animation-direction>#
Initial value: normal
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: [ auto | <time [0s,∞]> ]#
Initial value: 0s
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <single-animation-fill-mode>#
Initial value: none
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <single-animation-iteration-count>#
Initial value: 1
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: [ none | <keyframes-name> ]#
Initial value: none
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <single-animation-play-state>#
Initial value: running
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <easing-function>#
Initial value: ease
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <bg-size>#
Initial value: auto auto
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: <'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>
OptionaloffsetThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'top'>{1,2}
OptionaloffsetThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'top'>
Initial value: auto
OptionaloffsetThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'top'>
Initial value: auto
OptionaloffsetThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'top'>{1,2}
OptionaloffsetThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'top'>
Initial value: auto
OptionaloffsetThis feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
Syntax: <'top'>
Initial value: auto
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: fill | contain | cover | none | scale-down
Initial value: fill
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Syntax: <position>
Initial value: 50% 50%
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2021.
Syntax: <integer> | <length>
Initial value: 8
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Syntax: [ clip | ellipsis | <string> ]{1,2}
Initial value: clip
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: none | <transform-list>
Initial value: none
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: [ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?
Initial value: 50% 50% 0
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <single-transition>#
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <time>#
Initial value: 0s
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <time>#
Initial value: 0s
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: none | <single-transition-property>#
Initial value: all
OptionalOThis feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Syntax: <easing-function>#
Initial value: ease
OptionalpageThe page-break-after CSS property adjusts page breaks after the current element.
Syntax: auto | always | avoid | left | right | recto | verso
Initial value: auto
OptionalpageThe page-break-before CSS property adjusts page breaks before the current element.
Syntax: auto | always | avoid | left | right | recto | verso
Initial value: auto
OptionalpageThe page-break-inside CSS property adjusts page breaks inside the current element.
Syntax: auto | avoid
Initial value: auto
OptionalpositionThis feature is not Baseline because it does not work in some of the most widely-used browsers.
Syntax: none | [ [<dashed-ident> || <try-tactic>] | <'position-area'> ]#
Initial value: none
OptionalscrollSyntax: none | <position>#
Initial value: none
OptionalscrollSyntax: <position>
Initial value: 0px 0px
OptionalscrollSyntax: none | repeat( <length-percentage> )
Initial value: none
OptionalscrollSyntax: none | repeat( <length-percentage> )
Initial value: none
OptionalscrollSyntax: none | mandatory | proximity
Initial value: none
OptionalscrollSyntax: none | mandatory | proximity
Initial value: none
OptionalWebkitThe box-align CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.
Syntax: start | center | end | baseline | stretch
Initial value: stretch
OptionalWebkitThe box-direction CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).
Syntax: normal | reverse | inherit
Initial value: normal
OptionalWebkitThe -moz-box-flex and -webkit-box-flex CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.
Syntax: <number>
Initial value: 0
OptionalWebkitThe box-flex-group CSS property assigns the flexbox's child elements to a flex group.
Syntax: <integer>
Initial value: 1
OptionalWebkitThe box-lines CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).
Syntax: single | multiple
Initial value: single
OptionalWebkitThe box-ordinal-group CSS property assigns the flexbox's child elements to an ordinal group.
Syntax: <integer>
Initial value: 1
OptionalWebkitThe box-orient CSS property sets whether an element lays out its contents horizontally or vertically.
Syntax: horizontal | vertical | inline-axis | block-axis | inherit
Initial value: inline-axis
OptionalWebkitThe -moz-box-pack and -webkit-box-pack CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.
Syntax: start | center | end | justify
Initial value: start
The
box-alignCSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.Syntax:
start | center | end | baseline | stretchInitial value:
stretch