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