CSS values syntax

  • Revision slug: CSS/CSS_values_syntax
  • Revision title: CSS values syntax
  • Revision id: 357705
  • Created:
  • Creator: teoli
  • Is current revision? No
  • Comment

Revision Content

{{draft()}}

{{Note("Please do not translate this page until it is done; it will be much easier at that point. The French translation is a test to be sure that it works well.")}}

Animations
Property Syntax Initial value Inherited Media
{{cssxref("animation")}} {{csssyntaxdef("animation", "<single-animation-name> || <time> || <timing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode>")}} {{cssinitial("animation-name")}} {{cssinitial("animation-duration")}} {{cssinitial("animation-timing-function")}} {{cssinitial("animation-delay")}} {{cssinitial("animation-iteration-count")}} {{cssinitial("animation-direction")}} {{cssinitial("animation-fill-mode")}} {{cssnotinherited("animation")}}  
{{cssxref("animation-delay")}} {{csssyntaxdef("animation-delay","<time>#")}} 0s {{cssnotinherited("animation-delay")}}  
{{cssxref("animation-direction")}} {{csssyntaxdef("animation-direction","<single-animation-direction>#")}}
{{csssyntaxdef("single-animation-direction", "normal | reverse | alternate | alternate-reverse", "non-terminal")}}
normal {{cssnotinherited("animation-direction")}}  
{{cssxref("animation-duration")}} {{csssyntaxdef("animation-duration","<time>#")}} 0s {{cssnotinherited("animation-duration")}}  
{{cssxref("animation-fill-mode")}} {{csssyntaxdef("animation-fill-mode","<single-animation-fill-mode>#")}}
{{csssyntaxdef("single-animation-fill-mode", "none | forwards | backwards | both", "non-terminal")}}
none {{cssnotinherited("animation-fill-mode")}}  
{{cssxref("animation-iteration-count")}} {{csssyntaxdef("animation-iteration-count","<single-animation-iteration-count>#")}}
{{csssyntaxdef("single-animation-iteration-count", "[ infinite | <number> ]#", "non-terminal")}}
1 {{cssnotinherited("animation-iteration-count")}}  
{{cssxref("animation-name")}} {{csssyntaxdef("animation-name","<single-animation-name>#")}}
{{csssyntaxdef("single-animation-name", "none | IDENT", "non-terminal")}}
none {{cssnotinherited("animation-name")}}  
{{cssxref("animation-play-state")}} {{csssyntaxdef("animation-play-state", "<single-animation-play-state>#")}}
{{csssyntaxdef("single-animation-play-state", "running | paused", "non-terminal")}}
running {{cssnotinherited("animation-play-state")}}  
{{cssxref("animation-timing-function")}} {{csssyntaxdef("animation-timing-function", "<timing-function>#")}} ease {{cssnotinherited("animation-timing-function")}}  
Transitions
Property Syntax Initial value Inherited Media
{{cssxref("transition")}} {{csssyntaxdef("transition", "[ none | <single-transition-property> ] || <time> || <timing-function> || <time>")}} {{cssinitial("transition-property")}} {{cssinitial("transition-duration")}} {{cssinitial("transition-timing-function")}} {{cssinitial("transition-delay")}} {{cssnotinherited("transition")}}  
{{cssxref("transition-delay")}} {{csssyntaxdef("transition-delay","<time>#")}} 0s {{cssnotinherited("transition-delay")}}  
{{cssxref("transition-duration")}} {{csssyntaxdef("transition-duration","<time>#")}} 0s {{cssnotinherited("transition-duration")}}  
{{cssxref("transition-property")}} {{csssyntaxdef("transition-property", "none | <single-transition-property>#")}}
{{csssyntaxdef("single-transition-property", "all | IDENT", "non-terminal")}}
all {{cssnotinherited("transition-property")}}  
{{cssxref("transition-timing-function")}} {{csssyntaxdef("transition-timing-function", "<timing-function>#")}} ease {{cssnotinherited("transition-timing-function")}}  
Transforms
Property Syntax Initial value Inherited Media
{{cssxref("transform")}} {{csssyntaxdef("transform", "none | <transform-function>+")}} none {{cssnotinherited("transform")}}  
{{cssxref("transform-origin")}} {{csssyntaxdef("transform-origin", "[ <percentage> | <length> | left | center | right | top | bottom] | [ [ <percentage> | <length> | left | center | right ] && [ <percentage> | <length> | top | center | bottom ] ] <length>?")}} 50% 50% 0 {{cssnotinherited("transform-origin")}}  
{{cssxref("transform-style")}} {{csssyntaxdef("transform-style", "flat | preserve-3d")}} flat {{cssnotinherited("transform-style")}}  
{{cssxref("perspective")}} {{csssyntaxdef("perspective", "none | <length>")}} none {{cssnotinherited("perspective")}}  
{{cssxref("perspective-origin")}} {{csssyntaxdef("perspective-origin", "[ <percentage> | <length> | left | center | right | top | bottom] | [ [ <percentage> | <length> | left | center | right ] && [ <percentage> | <length> | top | center | bottom ] ]")}} 50% 50% {{cssnotinherited("perspective-origin")}}  
{{cssxref("backface-visibility")}} {{csssyntaxdef("backface-visibility", "visible | hidden")}} visible {{cssnotinherited("backface-visibility")}}  
Color
Property Syntax Initial value Inherited Media
{{cssxref("color")}} {{csssyntaxdef("color", "<color>")}} Varies from one browser to another {{cssdoesinherit("color")}}  
{{cssxref("opacity")}} {{csssyntaxdef("opacity", "<number>")}} 1.0 {{cssnotinherited("opacity")}}  
Columns
Property Syntax Initial value Inherited Media
{{cssxref("columns")}} {{csssyntaxdef("columns", "<'column-width'> || <'column-count'>")}} auto auto {{cssnotinherited("columns")}}  
{{cssxref("column-width")}} {{csssyntaxdef("column-width", "<length> | auto")}} auto {{cssnotinherited("column-width")}}  
{{cssxref("column-count")}} {{csssyntaxdef("column-count", "<number> | auto")}} auto {{cssnotinherited("column-count")}}  
{{cssxref("column-gap")}} {{csssyntaxdef("column-gap", "<length> | normal")}} normal {{cssnotinherited("column-gap")}}  
{{cssxref("column-rule")}} {{csssyntaxdef("column-rule", "<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>")}} medium none currentColor {{cssnotinherited("column-rule")}}  
{{cssxref("column-rule-color")}} {{csssyntaxdef("column-rule-color", "<color>")}} currentColor {{cssnotinherited("column-rule-color")}}  
{{cssxref("column-rule-style")}} {{csssyntaxdef("column-rule-style", "<br-style>")}} none {{cssnotinherited("column-rule-style")}}  
{{cssxref("column-rule-width")}} {{csssyntaxdef("column-rule-width", "<br-width>")}} medium {{cssnotinherited("column-rule-width")}}  
{{cssxref("break-before")}} {{csssyntaxdef("break-before", "auto | always | avoid | left | right | page | column | avoid-page | avoid-colum")}} auto {{cssnotinherited("break-before")}}  
{{cssxref("break-after")}} {{csssyntaxdef("break-after", "auto | always | avoid | left | right | page | column | avoid-page | avoid-colum")}} auto {{cssnotinherited("break-after")}}  
{{cssxref("break-inside")}} {{csssyntaxdef("break-inside", "auto | avoid | avoid-page | avoid-column")}} auto {{cssnotinherited("break-inside")}}  
{{cssxref("column-span")}} {{csssyntaxdef("column-span", "none | all")}} none {{cssnotinherited("column")}}  
{{cssxref("column-fill")}} {{csssyntaxdef("column-fill", "auto | balance")}} balance {{cssnotinherited("column-fill")}}  
Text
Property Syntax Initial value Inherited Media
{{cssxref("hyphens")}} {{csssyntaxdef("hyphens", "none | manual | auto")}} manual {{cssdoesinherit("hyphens")}}  
{{cssxref("letter-spacing")}} {{csssyntaxdef("letter-spacing", "normal | <length>")}} normal {{cssdoesinherit("letter-spacing")}}  
{{cssxref("word-wrap")}} {{csssyntaxdef("word-wrap", "normal | break-word")}} normal {{cssdoesinherit("word-wrap")}}  
{{cssxref("overflow-wrap")}} {{csssyntaxdef("overflow-wrap", "normal | break-word")}} normal {{cssdoesinherit("overflow-wrap")}}  
{{cssxref("text-transform")}} {{csssyntaxdef("text-transform", "none | capitalize | uppercase | lowercase | full-width")}} none    
{{cssxref("tab-size")}} {{csssyntaxdef("tab-size", "<integer>")}} 8 {{cssdoesinherit("tab-size")}}  
{{cssxref("text-align")}} {{csssyntaxdef("text-align", "[ start | end | left | right | center ] || <string> ] | justify | match-parent | start end")}} start, or a nameless value that acts as left if {{cssxref("direction")}} is ltr, right if {{cssxref("direction")}} is rtl if not supported by the browser. {{cssdoesinherit("text-align")}}  
{{cssxref("text-align-last")}} {{csssyntaxdef("text-align-last", "auto | start | end | left | right | center | justify")}} auto {{cssdoesinherit("text-align-last")}}  
{{cssxref("text-indent")}} {{csssyntaxdef("text-indent", "<length> | <percentage> && [ hanging || each-line ]")}} 0 {{cssdoesinherit("text-indent")}}  
{{cssxref("direction")}} {{csssyntaxdef("direction", "ltr | rtl")}} ltr    
{{cssxref("white-space")}} {{csssyntaxdef("white-space", "normal | pre | nowrap | pre-wrap | pre-line")}} normal {{cssdoesinherit("white-space")}}  
{{cssxref("word-break")}} {{csssyntaxdef("word-break", "normal | break-all | keep-all")}} normal {{cssdoesinherit("word-break")}}  
{{cssxref("word-spacing")}} {{csssyntaxdef("word-spacing", "normal | <length>")}} normal {{cssdoesinherit("word-spacing")}}  
Text decorations
Property Syntax Initial value Inherited Media
{{cssxref("text-decoration")}} {{csssyntaxdef("text-decoration", "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>")}} {{cssinitial("text-decoration-line")}} {{cssinitial("text-decoration-style")}} {{cssinitial("text-decoration-color")}} {{cssnotinherited("text-decoration")}}  
{{cssxref("text-decoration-color")}} {{csssyntaxdef("text-decoration-color", "<color>")}} currentColor {{cssnotinherited("text-decoration-color")}}  
{{cssxref("text-decoration-style")}} {{csssyntaxdef("text-decoration-style", "solid | double | dotted | dashed | wavy")}} solid {{cssnotinherited("text-decoration-style")}}  
{{cssxref("text-decoration-line")}} {{csssyntaxdef("text-decoration-line", "none | [ underline || overline || line-through || blink ]")}} none {{cssnotinherited("text-decoration-line")}}  
{{cssxref("text-decoration-skip")}} {{csssyntaxdef("text-decoration-skip", "none | [ objects || spaces || ink || edges || box-decoration ]")}} objects {{cssdoesinherit("text-decoration-skip")}}  
{{cssxref("text-underline-position")}} {{csssyntaxdef("text-underline-position", "auto | alphabetic | [ under || [ left | right ] ]")}} auto {{cssdoesinherit("text-underline-position")}}  
Flexible boxes
Property Syntax Initial value Inherited Media
{{cssxref("align-content")}} {{csssyntaxdef("align-content", "flex-start | flex-end | center | space-between | space-around | stretch")}} stretch {{cssnotinherited("align-content")}}  
{{cssxref("align-items")}} {{csssyntaxdef("align-items", "flex-start | flex-end | center | baseline | stretch")}} stretch {{cssnotinherited("align-items")}}  
{{cssxref("align-self")}} {{csssyntaxdef("align-self","auto | flex-start | flex-end | center | baseline | stretch")}} auto {{cssnotinherited("align-self")}}  
{{cssxref("flex-basis")}} {{csssyntaxdef("flex-basis","<'width'>")}} auto {{cssnotinherited("flex-basis")}}  
{{cssxref("flex-direction")}} {{csssyntaxdef("flex-direction","row | row-reverse | column | column-reverse")}} row {{cssnotinherited("flex-direction")}}  
{{cssxref("flex-flow")}} {{csssyntaxdef("flex-flow","<'flex-direction'> || <'flex-wrap'>")}} {{cssinitial("flex-direction")}} {{cssinitial("flex-wrap")}} {{cssnotinherited("flex-flow")}}  
{{cssxref("flex-grow")}} {{csssyntaxdef("flex-grow","<number>")}} 0 {{cssnotinherited("flex-grow")}}  
{{cssxref("flex-shrink")}} {{csssyntaxdef("flex-shrink","<number>")}} 1 {{cssnotinherited("flex-shrink")}}  
{{cssxref("flex")}} {{csssyntaxdef("flex","none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]")}} {{cssinitial("flex-grow")}} {{cssinitial("flex-shrink")}} {{cssinitial("flex-basis")}} {{cssnotinherited("flex")}}  
{{cssxref("flex-wrap")}} {{csssyntaxdef("flex-wrap","nowrap | wrap | wrap-reverse")}} nowrap {{cssnotinherited("flex-wrap")}}  
{{cssxref("justify-content")}} {{csssyntaxdef("justify-content","flex-start | flex-end | center | space-between | space-around")}} flex-start {{cssnotinherited("justify-content")}}  
{{cssxref("order")}} {{csssyntaxdef("order","<integer>")}} 0 {{cssnotinherited("order")}}  
Background & Borders
Property Syntax Initial value Inherited Media
{{cssxref("background")}} {{csssyntaxdef("background","[ <bg-layer> , ]* <final-bg-layer>")}}
{{csssyntaxdef("bg-layer", "<bg-image> || <position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box>{1,2}", "non-terminal")}}
{{csssyntaxdef("final-bg-layer", "<bg-image> || <position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box>{1,2} || <'background-color'>", "non-terminal-cont")}}
{{cssinitial("background-image")}} {{cssinitial("background-position")}} / {{cssinitial("background-size")}} {{cssinitial("background-repeat")}} {{cssinitial("background-attachment")}} {{cssinitial("background-clip")}} {{cssinitial("background-color")}} {{cssnotinherited("background")}}  
{{cssxref("background-attachment")}} {{csssyntaxdef("background-attachment","<attachment>#")}}
{{csssyntaxdef("attachment", "scroll | fixed | local", "non-terminal")}}
scroll {{cssnotinherited("background-attachment")}}  
{{cssxref("background-clip")}} {{csssyntaxdef("background-clip","<box>#")}}
{{csssyntaxdef("box", "border-box | padding-box | content-box", "non-terminal")}}
border-box {{cssnotinherited("background-clip")}}  
{{cssxref("background-color")}} {{csssyntaxdef("background-color","<color>")}} transparent {{cssnotinherited("background-color")}}  
{{cssxref("background-image")}} {{csssyntaxdef("background-image","<bg-image>#")}}
{{csssyntaxdef("bg-image", "none | <image>", "non-terminal")}}
none {{cssnotinherited("background-image")}}  
{{cssxref("background-origin")}} {{csssyntaxdef("background-origin","<box>#")}} padding-box {{cssnotinherited("background-origin")}}  
{{cssxref("background-position")}} {{csssyntaxdef("background-position","<position>#")}} 0% 0% {{cssnotinherited("background-position")}}  
{{cssxref("background-repeat")}} {{csssyntaxdef("background-repeat","<repeat-style>#")}}
{{csssyntaxdef("repeat-style", "repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2}", "non-terminal")}}
repeat {{cssnotinherited("background-repeat")}}  
{{cssxref("background-size")}} {{csssyntaxdef("background-size","<bg-size>#")}}
{{csssyntaxdef("bg-size", "[ <length> | <percentage> | auto ]{1,2} | cover | contain", "non-terminal")}}
auto auto {{cssnotinherited("background-size")}}  
{{cssxref("border")}} {{csssyntaxdef("border","<br-width> || <br-style> || <color>")}} {{cssinitial("border-top-width")}} {{cssinitial("border-top-style")}} {{cssinitial("border-top-color")}} {{cssnotinherited("border")}}  
{{cssxref("border-bottom")}} {{csssyntaxdef("border-bottom","<br-width> || <br-style> || <color>")}} {{cssinitial("border-bottom-width")}} {{cssinitial("border-bottom-style")}} {{cssinitial("border-bottom-color")}} {{cssnotinherited("border-bottom")}}  
{{cssxref("border-bottom-color")}} {{csssyntaxdef("border-bottom-color","<color>")}} currentColor {{cssnotinherited("border-bottom-color")}}  
{{cssxref("border-bottom-left-radius")}} {{csssyntaxdef("border-bottom-left-radius","[ <length> | <percentage> ]{1,2}")}} 0 {{cssnotinherited("border-bottom-left-radius")}}  
{{cssxref("border-bottom-right-radius")}} {{csssyntaxdef("border-bottom-right-radius","[ <length> | <percentage> ]{1,2}")}} 0 {{cssnotinherited("border-bottom-right-radius")}}  
{{cssxref("border-bottom-style")}} {{csssyntaxdef("border-bottom-style","<br-style>")}} none {{cssnotinherited("border-bottom-style")}}  
{{cssxref("border-bottom-width")}} {{csssyntaxdef("border-bottom-width","<br-width>")}} medium {{cssnotinherited("border-bottom-width")}}  
{{cssxref("border-color")}} {{csssyntaxdef("border-color", "<color>{1,4}")}} {{cssinitial("border-top-color")}} {{cssinitial("border-right-color")}} {{cssinitial("border-bottom-color")}} {{cssinitial("border-left-color")}} {{cssnotinherited("border-color")}}  
{{cssxref("border-image")}} {{csssyntaxdef("border-image","<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>")}} {{cssinitial("border-image-source")}} {{cssinitial("border-image-slice")}} / {{cssinitial("border-image-width")}} / {{cssinitial("border-image-outset")}} {{cssinitial("border-image-repeat")}} {{cssnotinherited("border-image")}}  
{{cssxref("border-image-outset")}} {{csssyntaxdef("border-image-outset","[ <length> | <number> ]{1,4}")}} 0 {{cssnotinherited("border-image-outset")}}  
{{cssxref("border-image-repeat")}} {{csssyntaxdef("border-image-repeat","[ stretch | repeat | round | space ]{1,2}")}} stretch {{cssnotinherited("border-image-repeat")}}  
{{cssxref("border-image-slice")}} {{csssyntaxdef("border-image-slice","[<number> | <percentage>]{1,4} && fill?")}} 100% {{cssnotinherited("border-image-slice")}}  
{{cssxref("border-image-source")}} {{csssyntaxdef("border-image-source","none | <image>")}} none {{cssnotinherited("border-image-source")}}  
{{cssxref("border-image-width")}} {{csssyntaxdef("border-image-width","[ <length> | <percentage> | <number> | auto ]{1,4}")}} 1 {{cssnotinherited("border-image-width")}}  
{{cssxref("border-left")}} {{csssyntaxdef("border-left","<br-width> || <br-style> || <color>")}} {{cssinitial("border-left-width")}} {{cssinitial("border-left-style")}} {{cssinitial("border-left-color")}} {{cssnotinherited("border-left")}}  
{{cssxref("border-left-color")}} {{csssyntaxdef("border-left-color","<color>")}} currentColor {{cssnotinherited("border-left-color")}}  
{{cssxref("border-left-style")}} {{csssyntaxdef("border-left-style","<br-style>")}} none {{cssnotinherited("border-left-style")}}  
{{cssxref("border-left-width")}} {{csssyntaxdef("border-left-width","<br-width>")}} medium {{cssnotinherited("border-left-width")}}  
{{cssxref("border-radius")}} {{csssyntaxdef("border-radius","[ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]?")}} {{cssinitial("border-top-left-radius")}} {{cssinitial("border-top-right-radius")}} {{cssinitial("border-bottom-right-radius")}} {{cssinitial("border-bottom-left-radius")}} {{cssnotinherited("border-radius")}}  
{{cssxref("border-right")}} {{csssyntaxdef("border-right","<br-width> || <br-style> || <color>")}} {{cssinitial("border-right-width")}} {{cssinitial("border-right-style")}} {{cssinitial("border-right-color")}} {{cssnotinherited("border-right")}}  
{{cssxref("border-right-color")}} {{csssyntaxdef("border-right-color","<color>")}} currentColor {{cssnotinherited("border-right-color")}}  
{{cssxref("border-right-style")}} {{csssyntaxdef("border-right-style","<br-style>")}} none {{cssnotinherited("border-right-style")}}  
{{cssxref("border-right-width")}} {{csssyntaxdef("border-right-width","<br-width>")}} medium {{cssnotinherited("border-right-width")}}  
{{cssxref("border-style")}} {{csssyntaxdef("border-style", "<br-style>{1,4}")}}
{{csssyntaxdef("br-style", "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset", "non-terminal")}}
{{cssinitial("border-top-style")}} {{cssinitial("border-right-style")}} {{cssinitial("border-bottom-style")}} {{cssinitial("border-left-style")}} {{cssnotinherited("border-style")}}  
{{cssxref("border-top")}} {{csssyntaxdef("border-top","<br-width> || <br-style> || <color>")}} {{cssinitial("border-top-width")}} {{cssinitial("border-top-style")}} {{cssinitial("border-top-color")}} {{cssnotinherited("border-top")}}  
{{cssxref("border-top-color")}} {{csssyntaxdef("border-top-color","<color>")}} currentColor {{cssnotinherited("border-top-color")}}  
{{cssxref("border-top-left-radius")}} {{csssyntaxdef("border-top-left-radius","[ <length> | <percentage> ]{1,2}")}} 0 {{cssnotinherited("border-top-left-radius")}}  
{{cssxref("border-top-right-radius")}} {{csssyntaxdef("border-top-right-radius","[ <length> | <percentage> ]{1,2}")}} 0 {{cssnotinherited("border-top-right-radius")}}  
{{cssxref("border-top-style")}} {{csssyntaxdef("border-top-style","<br-style>")}} none {{cssnotinherited("border-top-style")}}  
{{cssxref("border-top-width")}} {{csssyntaxdef("border-top-width","<br-width>")}} medium {{cssnotinherited("border-top-width")}}  
{{cssxref("border-width")}} {{csssyntaxdef("border-width","<br-width>{1,4}")}}
{{csssyntaxdef("br-width", "<length> | thin | medium | thick", "non-terminal")}}
{{cssinitial("border-top-width")}} {{cssinitial("border-right-width")}} {{cssinitial("border-bottom-width")}} {{cssinitial("border-left-width")}} {{cssnotinherited("border-width")}}  
Box Model
Property Syntax Initial value Inherited Media
{{cssxref("box-decoration-break")}} {{csssyntaxdef("box-decoration-break","slice | clone")}} slice {{cssnotinherited("box-decoration-break")}}  
{{cssxref("box-shadow")}} {{csssyntaxdef("box-shadow","none | <shadow>#")}}
{{csssyntaxdef("shadow","inset? && [ <length>{2,4} && <color>? ]", "non-terminal")}}
none {{cssnotinherited("box-shadow")}}  
{{cssxref("margin")}} {{csssyntaxdef("margin", "[ <length> | <percentage> | auto ]{1,4}")}} {{cssinitial("margin-top")}} {{cssinitial("margin-right")}} {{cssinitial("margin-bottom")}} {{cssinitial("margin-left")}}    
{{cssxref("margin-bottom")}} {{csssyntaxdef("margin-bottom", "<length> | <percentage> | auto")}} 0    
{{cssxref("margin-left")}} {{csssyntaxdef("margin-left", "<length> | <percentage> | auto")}} 0    
{{cssxref("margin-right")}} {{csssyntaxdef("margin-right", "<length> | <percentage> | auto")}} 0    
{{cssxref("margin-top")}} {{csssyntaxdef("margin-top", "<length> | <percentage> | auto")}} 0    
{{cssxref("padding")}} {{csssyntaxdef("padding", "[ <length> | <percentage> ]{1,4}")}} {{cssinitial("padding-top")}} {{cssinitial("padding-right")}} {{cssinitial("padding-bottom")}} {{cssinitial("padding-left")}}    
{{cssxref("padding-bottom")}} {{csssyntaxdef("padding-bottom", "<length> | <percentage>")}} 0    
{{cssxref("padding-left")}} {{csssyntaxdef("padding-left", "<length> | <percentage>")}} 0    
{{cssxref("padding-right")}} {{csssyntaxdef("padding-right", "<length> | <percentage>")}} 0    
{{cssxref("padding-top")}} {{csssyntaxdef("padding-top", "<length> | <percentage>")}} 0    
{{cssxref("box-sizing")}} {{csssyntaxdef("box-sizing", "content-box | padding-box | border-box")}} content-box    
{{cssxref("max-height")}} {{csssyntaxdef("max-height", "<length> | <percentage> | none | max-content | min-content | fit-content | fill-available")}} none    
{{cssxref("min-height")}} {{csssyntaxdef("min-height", "<length> | <percentage> | auto | max-content | min-content | fit-content | fill-available")}} auto (which always resolves to 0 on non-flex items)    
{{cssxref("height")}} {{csssyntaxdef("height", "auto | <length> | <percentage>")}} auto    
{{cssxref("max-width")}} {{csssyntaxdef("max-width", "<length> | <percentage> | none | max-content | min-content | fit-content | fill-available")}} none    
{{cssxref("min-width")}} {{csssyntaxdef("min-width", "<length> | <percentage> | auto | max-content | min-content | fit-content | fill-available")}} auto (which always resolves to 0 on non-flex items)    
{{cssxref("width")}} {{csssyntaxdef("width","[<length> | <percentage>] && [border-box | content-box]? | available | min-content | max-content | fit-content | auto")}} auto    
{{cssxref("overflow")}} {{csssyntaxdef("overflow","visible | hidden | scroll | auto")}} visible    
{{cssxref("overflow-x")}} {{csssyntaxdef("overflow-x","visible | hidden | scroll | auto")}} visible    
{{cssxref("overflow-y")}} {{csssyntaxdef("overflow-y","visible | hidden | scroll | auto")}} visible    
{{cssxref("visibility")}} {{csssyntaxdef("visibility", "visible | hidden | collapse")}} visible    
Table
Property Syntax Initial value Inherited Media
{{cssxref("border-collapse")}} {{csssyntaxdef("border-collapse", "collapse | separate")}} separate    
{{cssxref("border-spacing")}} {{csssyntaxdef("border-spacing","<length> <length>?")}} 0    
{{cssxref("caption-side")}} {{csssyntaxdef("caption-side", "top | bottom")}} top    
{{cssxref("empty-cells")}} {{csssyntaxdef("empty-cells", "show | hide")}} show    
{{cssxref("table-layout")}} {{csssyntaxdef("table-layout", "auto | fixed")}} auto    
{{cssxref("vertical-align")}} {{csssyntaxdef("vertical-align", "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>")}} baseline    
Positioning    
Property Syntax Initial value Inherited Media
{{cssxref("bottom")}} {{csssyntaxdef("bottom", "<length> | <percentage> | auto")}} auto    
{{cssxref("left")}} {{csssyntaxdef("left", "<length> | <percentage> | auto")}} auto    
{{cssxref("right")}} {{csssyntaxdef("right", "<length> | <percentage> | auto")}} auto    
{{cssxref("top")}} {{csssyntaxdef("top", "<length> | <percentage> | auto")}} auto    
{{cssxref("float")}} {{csssyntaxdef("float", "left | right | none")}} none    
{{cssxref("clear")}} {{csssyntaxdef("clear", "none | left | right | both")}} none    
{{cssxref("position")}} {{csssyntaxdef("position", "static | relative | absolute | fixed")}} static    
{{cssxref("z-index")}} {{csssyntaxdef("z-index", "auto | <integer>")}} auto    
Fonts
Property Syntax Initial value Inherited Media
{{cssxref("font")}} {{csssyntaxdef("font", "[ [ <‘font-style’> || <font-variant-css21> || <‘font-weight’> || <‘font-stretch’> ]? <‘font-size’> [ / <‘line-height’> ]? <‘font-family’> ] | caption | icon | menu | message-box | small-caption | status-bar")}} {{cssinitial("font-style")}} {{cssinitial("font-variant")}} {{cssinitial("font-weight")}} {{cssinitial("font-stretch")}} {{cssinitial("font-size")}} / {{cssinitial("line-height")}} and font-family initial value depends on user agent.    
{{cssxref("font-family")}} {{csssyntaxdef("font-family", "[ <family-name> | <generic-family> ]#")}}
{{csssyntaxdef("family-name", "<string> | <IDENT>+", "non-terminal")}}
{{csssyntaxdef("generic-name", "serif | sans-serif | cursive | fantasy | monospace", "non-terminal-cont")}}
Depends on user agent.    
{{cssxref("font-variant")}} {{csssyntaxdef("font-variant", "normal | none ")}} normal    
{{cssxref("font-weight")}} {{csssyntaxdef("font-weight", "normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900")}} normal    
{{cssxref("font-stretch")}} {{csssyntaxdef("font-stretch", "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded")}} normal    
{{cssxref("font-size")}} {{csssyntaxdef("font-size", "<absolute-size> | <relative-size> | <length> | <percentage>")}}
{{csssyntaxdef("absolute-size", "xx-small | s-small | small | medium | large | x-large | xx-large", "non-terminal")}}
{{csssyntaxdef("relative-size", "larger | smaller", "non-terminal-cont")}}
medium    
{{cssxref("line-height")}} {{csssyntaxdef("line-height", "normal | <number> | <length> | <percentage>")}} normal    
{{cssxref("font-feature-settings")}} {{csssyntaxdef("font-feature-settings", "normal | <feature-tag-value>#")}}
{{csssyntaxdef("feature-tag-value", "<string> [ <integer> | on | off ]?", "non-terminal")}}
normal    
{{cssxref("font-size-adjust")}} {{csssyntaxdef("font-size-adjust", "none | auto | <number>")}} none    
{{cssxref("font-style")}} {{csssyntaxdef("font-style", "normal | italic | oblique")}} normal    
Images
Property Syntax Initial value Inherited Media
{{cssxref("image-rendering")}} {{csssyntaxdef("image-rendering", "auto | crisp-edges | pixelated")}} auto    
{{cssxref("image-orientation")}} {{csssyntaxdef("image-orientation", "<angle>")}} 0deg    
Counters & Lists
Property Syntax Initial value Inherited Media
{{cssxref("counter-increment")}} {{csssyntaxdef("counter-increment", "[<user-ident> <integer>?]+ | none")}} none    
{{cssxref("counter-reset")}} {{csssyntaxdef("counter-reset", "[<user-ident> <integer>?]+ | none")}} none    
{{cssxref("list-style")}} {{csssyntaxdef("list-style","<'list-style-image'> || <'list-style-position'> || <'list-style-type'>")}} {{cssinitial("list-style-image")}} {{cssinitial("list-style-position")}} {{cssinitial("list-style-type")}}    
{{cssxref("list-style-image")}} {{csssyntaxdef("list-style-image","<uri> | none")}} none    
{{cssxref("list-style-position")}} {{csssyntaxdef("list-style-position","inside | outside")}} outside    
{{cssxref("list-style-type")}} {{csssyntaxdef("list-style-type","disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none")}} disc    
Page
Property Syntax Initial value Inherited Media
{{cssxref("orphans")}} {{csssyntaxdef("orphans", "<integer>")}} 2    
{{cssxref("page-break-after")}} {{csssyntaxdef("page-break-after", "auto | always | avoid | left | right")}} auto    
{{cssxref("page-break-before")}} {{csssyntaxdef("page-break-before", "auto | always | avoid | left | right")}} auto    
{{cssxref("page-break-inside")}} {{csssyntaxdef("page-break-inside", "auto | always")}} auto    
{{cssxref("widows")}} {{csssyntaxdef("widows", "<integer>")}} 2    
User interface
Property Syntax Initial value Inherited Media
{{cssxref("outline")}} {{csssyntaxdef("outline", "<'outline-color'> || <'outline-width'> || <'outline-style'>")}} {{cssinitial("outline-color")}} {{cssinitial("outline-width")}} {{cssinitial("outline-style")}}    
{{cssxref("outline-color")}} {{csssyntaxdef("outline-color", "<color> | invert")}} invert, for browsers supporting it, currentColor for the other    
{{cssxref("outline-width")}} {{csssyntaxdef("outline-width", "<br-width>")}} medium    
{{cssxref("outline-style")}} {{csssyntaxdef("outline-style", "<br-style>")}} none    
{{cssxref("outline-offset")}} {{csssyntaxdef("outline-offset", "<length>")}} 0    
{{cssxref("cursor")}} {{csssyntaxdef("cursor", "[ [ <uri> [<x> <y>]?,]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out ] ]")}} auto    
{{cssxref("resize")}} {{csssyntaxdef("resize", "none | both | horizontal | vertical")}} none    
{{cssxref("text-overflow")}} {{csssyntaxdef("text-overflow", "[ clip | ellipsis | <string> ]{1,2}")}} clip    
Generated content
Property Syntax Initial value Inherited Media
{{cssxref("content")}} {{csssyntaxdef("content", "normal | none | [ <string> | <uri> | <counter> | attr() | open-quote | close-quote | no-open-quote | no-close-quote ]+")}} normal    
{{cssxref("quotes")}} {{csssyntaxdef("quotes", "[<string> <string>]+ | none")}} User agent specific    
Miscellaneous
Property Syntax Initial value Inherited Media
{{cssxref("clip")}} {{csssyntaxdef("clip", "<shape> | auto")}}
{{csssyntaxdef("shape", "rect(<top>, <right>, <bottom>, <left>)", "non-terminal")}}
auto    
{{cssxref("content")}} {{csssyntaxdef("content", "normal | none | [ <string> | <uri> | <counter> | attr() | open-quote | close-quote | no-open-quote | no-close-quote ]+")}} normal    
{{cssxref("display")}} {{csssyntaxdef("display", "none | inline | block | list-item | inline-block | inline-table | table | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group | flex | inline-flex | grid | inline-grid | run-in")}} inline    
{{cssxref("unicode-bidi")}} {{csssyntaxdef("unicode-bidi", "normal | embed | isolate | bidi-override | isolate-override | plaintext")}} normal    
{{cssxref("ime-mode")}} {{csssyntaxdef("ime-mode", "auto | normal | active | inactive | disabled")}} auto    

 

Revision Source

<p>{{draft()}}</p>
<p>{{Note("Please do not translate this page until it is done; it will be much easier at that point. The French translation is a test to be sure that it works well.")}}</p>
<table class="standard-table">
  <thead>
    <tr>
      <th colspan="5" scope="col">Animations</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{cssxref("animation")}}</td>
      <td>{{csssyntaxdef("animation", "&lt;single-animation-name&gt; || &lt;time&gt; || &lt;timing-function&gt; || &lt;time&gt; || &lt;single-animation-iteration-count&gt; || &lt;single-animation-direction&gt; || &lt;single-animation-fill-mode&gt;")}}</td>
      <td>{{cssinitial("animation-name")}} {{cssinitial("animation-duration")}} {{cssinitial("animation-timing-function")}} {{cssinitial("animation-delay")}} {{cssinitial("animation-iteration-count")}} {{cssinitial("animation-direction")}} {{cssinitial("animation-fill-mode")}}</td>
      <td>{{cssnotinherited("animation")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-delay")}}</td>
      <td>{{csssyntaxdef("animation-delay","&lt;time&gt;#")}}</td>
      <td id="initial-animation-delay"><code>0s</code></td>
      <td>{{cssnotinherited("animation-delay")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-direction")}}</td>
      <td>{{csssyntaxdef("animation-direction","&lt;single-animation-direction&gt;#")}}<br />
        {{csssyntaxdef("single-animation-direction", "normal | reverse | alternate | alternate-reverse", "non-terminal")}}</td>
      <td id="initial-animation-direction"><code>normal</code></td>
      <td>{{cssnotinherited("animation-direction")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-duration")}}</td>
      <td>{{csssyntaxdef("animation-duration","&lt;time&gt;#")}}</td>
      <td id="initial-animation-duration"><code>0s</code></td>
      <td>{{cssnotinherited("animation-duration")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-fill-mode")}}</td>
      <td>{{csssyntaxdef("animation-fill-mode","&lt;single-animation-fill-mode&gt;#")}}<br />
        {{csssyntaxdef("single-animation-fill-mode", "none | forwards | backwards | both", "non-terminal")}}</td>
      <td id="initial-animation-fill-mode"><code>none</code></td>
      <td>{{cssnotinherited("animation-fill-mode")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-iteration-count")}}</td>
      <td>{{csssyntaxdef("animation-iteration-count","&lt;single-animation-iteration-count&gt;#")}}<br />
        {{csssyntaxdef("single-animation-iteration-count", "[ infinite | &lt;number&gt; ]#", "non-terminal")}}</td>
      <td id="initial-animation-iteration-count"><code>1</code></td>
      <td>{{cssnotinherited("animation-iteration-count")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-name")}}</td>
      <td>{{csssyntaxdef("animation-name","&lt;single-animation-name&gt;#")}}<br />
        {{csssyntaxdef("single-animation-name", "none | IDENT", "non-terminal")}}</td>
      <td id="initial-animation-name"><code>none</code></td>
      <td>{{cssnotinherited("animation-name")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-play-state")}}</td>
      <td>{{csssyntaxdef("animation-play-state", "&lt;single-animation-play-state&gt;#")}}<br />
        {{csssyntaxdef("single-animation-play-state<code>", "</code>running | paused", "non-terminal")}}</td>
      <td id="initial-animation-play-state"><code>running</code></td>
      <td>{{cssnotinherited("animation-play-state")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-timing-function")}}</td>
      <td>{{csssyntaxdef("animation-timing-function", "&lt;timing-function&gt;#")}}</td>
      <td id="initial-animation-timing-function"><code>ease</code></td>
      <td>{{cssnotinherited("animation-timing-function")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">Transitions</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("transition")}}</td>
      <td>{{csssyntaxdef("transition", "[ none | &lt;single-transition-property&gt; ] || &lt;time&gt; || &lt;timing-function&gt; || &lt;time&gt;")}}</td>
      <td id="initial-transition">{{cssinitial("transition-property")}} {{cssinitial("transition-duration")}} {{cssinitial("transition-timing-function")}} {{cssinitial("transition-delay")}}</td>
      <td>{{cssnotinherited("transition")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("transition-delay")}}</td>
      <td>{{csssyntaxdef("transition-delay","&lt;time&gt;#")}}</td>
      <td id="initial-transition-delay"><code>0s</code></td>
      <td>{{cssnotinherited("transition-delay")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("transition-duration")}}</td>
      <td>{{csssyntaxdef("transition-duration","&lt;time&gt;#")}}</td>
      <td id="initial-transition-duration"><code>0s</code></td>
      <td>{{cssnotinherited("transition-duration")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("transition-property")}}</td>
      <td>{{csssyntaxdef("transition-property", "none | &lt;single-transition-property&gt;#")}}<br />
        {{csssyntaxdef("single-transition-property", "all | IDENT", "non-terminal")}}</td>
      <td id="initial-transition-property"><code>all</code></td>
      <td>{{cssnotinherited("transition-property")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("transition-timing-function")}}</td>
      <td>{{csssyntaxdef("transition-timing-function", "&lt;timing-function&gt;#")}}</td>
      <td id="initial-transition-timing-function"><code>ease</code></td>
      <td>{{cssnotinherited("transition-timing-function")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">Transforms</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("transform")}}</td>
      <td>{{csssyntaxdef("transform", "none | &lt;transform-function&gt;+")}}</td>
      <td id="initial-transform"><code>none</code></td>
      <td>{{cssnotinherited("transform")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("transform-origin")}}</td>
      <td>{{csssyntaxdef("transform-origin", "[ &lt;percentage&gt; | &lt;length&gt; | left | center | right | top | bottom] | [ [ &lt;percentage&gt; | &lt;length&gt; | left | center | right ] &amp;&amp; [ &lt;percentage&gt; | &lt;length&gt; | top | center | bottom ] ] &lt;length&gt;?")}}</td>
      <td id="initial-transform-origin"><code>50% 50% 0</code></td>
      <td>{{cssnotinherited("transform-origin")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("transform-style")}}</td>
      <td>{{csssyntaxdef("transform-style", "flat | preserve-3d")}}</td>
      <td id="initial-transform-style"><code>flat</code></td>
      <td>{{cssnotinherited("transform-style")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("perspective")}}</td>
      <td>{{csssyntaxdef("perspective", "none | &lt;length&gt;")}}</td>
      <td id="initial-perspective"><code>none</code></td>
      <td>{{cssnotinherited("perspective")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("perspective-origin")}}</td>
      <td>{{csssyntaxdef("perspective-origin", "[ &lt;percentage&gt; | &lt;length&gt; | left | center | right | top | bottom] | [ [ &lt;percentage&gt; | &lt;length&gt; | left | center | right ] &amp;&amp; [ &lt;percentage&gt; | &lt;length&gt; | top | center | bottom ] ]")}}</td>
      <td id="initial-perspective-origin"><code>50% 50%</code></td>
      <td>{{cssnotinherited("perspective-origin")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("backface-visibility")}}</td>
      <td>{{csssyntaxdef("backface-visibility", "visible | hidden")}}</td>
      <td id="initial-backface-visibility"><code>visible</code></td>
      <td>{{cssnotinherited("backface-visibility")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">Color</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("color")}}</td>
      <td>{{csssyntaxdef("color", "&lt;color&gt;")}}</td>
      <td id="initial-color">Varies from one browser to another</td>
      <td>{{cssdoesinherit("color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("opacity")}}</td>
      <td>{{csssyntaxdef("opacity", "&lt;number&gt;")}}</td>
      <td id="initial-opacity"><code>1.0</code></td>
      <td>{{cssnotinherited("opacity")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">Columns</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("columns")}}</td>
      <td>{{csssyntaxdef("columns", "&lt;'column-width'&gt; || &lt;'column-count'&gt;")}}</td>
      <td id="initial-columns"><code>auto auto</code></td>
      <td>{{cssnotinherited("columns")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-width")}}</td>
      <td>{{csssyntaxdef("column-width", "&lt;length&gt; | auto")}}</td>
      <td id="initial-column-width"><code>auto</code></td>
      <td>{{cssnotinherited("column-width")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-count")}}</td>
      <td>{{csssyntaxdef("column-count", "&lt;number&gt; | auto")}}</td>
      <td id="initial-column-count"><code>auto</code></td>
      <td>{{cssnotinherited("column-count")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-gap")}}</td>
      <td id="syntax-column-gap">{{csssyntaxdef("column-gap", "&lt;length&gt; | normal")}}</td>
      <td id="initial-column-gap"><code>normal</code></td>
      <td>{{cssnotinherited("column-gap")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-rule")}}</td>
      <td id="syntax-column-rule">{{csssyntaxdef("column-rule", "&lt;'column-rule-width'&gt; || &lt;'column-rule-style'&gt; || &lt;'column-rule-color'&gt;")}}</td>
      <td id="initial-column-rule"><code>medium none currentColor</code></td>
      <td>{{cssnotinherited("column-rule")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-rule-color")}}</td>
      <td id="syntax-column-rule-color">{{csssyntaxdef("column-rule-color", "&lt;color&gt;")}}</td>
      <td id="initial-column-rule-color"><code>currentColor</code></td>
      <td>{{cssnotinherited("column-rule-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-rule-style")}}</td>
      <td id="syntax-column-rule-style">{{csssyntaxdef("column-rule-style", "&lt;br-style&gt;")}}</td>
      <td id="initial-column-rule-style"><code>none</code></td>
      <td>{{cssnotinherited("column-rule-style")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-rule-width")}}</td>
      <td id="syntax-column-rule-width">{{csssyntaxdef("column-rule-width", "&lt;br-width&gt;")}}</td>
      <td id="initial-column-rule-width"><code>medium</code></td>
      <td>{{cssnotinherited("column-rule-width")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("break-before")}}</td>
      <td id="syntax-break-before">{{csssyntaxdef("break-before", "auto | always | avoid | left | right | page | column | avoid-page | avoid-colum")}}</td>
      <td id="initial-break-before"><code>auto</code></td>
      <td>{{cssnotinherited("break-before")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("break-after")}}</td>
      <td id="syntax-break-after">{{csssyntaxdef("break-after", "auto | always | avoid | left | right | page | column | avoid-page | avoid-colum")}}</td>
      <td id="initial-break-after"><code>auto</code></td>
      <td>{{cssnotinherited("break-after")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("break-inside")}}</td>
      <td id="syntax-break-inside">{{csssyntaxdef("break-inside", "auto | avoid | avoid-page | avoid-column")}}</td>
      <td id="initial-break-inside"><code>auto</code></td>
      <td>{{cssnotinherited("break-inside")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-span")}}</td>
      <td id="syntax-column-span">{{csssyntaxdef("column-span", "none | all")}}</td>
      <td id="initial-column-span"><code>none</code></td>
      <td>{{cssnotinherited("column")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-fill")}}</td>
      <td id="syntax-column-fill">{{csssyntaxdef("column-fill", "auto | balance")}}</td>
      <td id="initial-column-fill"><code>balance</code></td>
      <td>{{cssnotinherited("column-fill")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">Text</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("hyphens")}}</td>
      <td id="syntax-hyphens">{{csssyntaxdef("hyphens", "none | manual | auto")}}</td>
      <td id="initial-hyphens"><code>manual</code></td>
      <td>{{cssdoesinherit("hyphens")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("letter-spacing")}}</td>
      <td>{{csssyntaxdef("letter-spacing", "normal | &lt;length&gt;")}}</td>
      <td id="initial-letter-spacing"><code>normal</code></td>
      <td>{{cssdoesinherit("letter-spacing")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("word-wrap")}}</td>
      <td>{{csssyntaxdef("word-wrap", "normal | break-word")}}</td>
      <td id="initial-word-wrap"><code>normal</code></td>
      <td>{{cssdoesinherit("word-wrap")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("overflow-wrap")}}</td>
      <td>{{csssyntaxdef("overflow-wrap", "normal | break-word")}}</td>
      <td id="initial-overflow-wrap"><code>normal</code></td>
      <td>{{cssdoesinherit("overflow-wrap")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-transform")}}</td>
      <td>{{csssyntaxdef("text-transform", "none | capitalize | uppercase | lowercase | full-width")}}</td>
      <td id="initial-text-transform"><code>none</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("tab-size")}}</td>
      <td>{{csssyntaxdef("tab-size", "&lt;integer&gt;")}}</td>
      <td id="initial-tab-size"><code>8</code></td>
      <td>{{cssdoesinherit("tab-size")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-align")}}</td>
      <td>{{csssyntaxdef("text-align", "[ start | end | left | right | center ] || &lt;string&gt; ] | justify | match-parent | start end")}}</td>
      <td id="initial-text-align"><code>start</code>, or a nameless value that acts as left if {{cssxref("direction")}} is <code>ltr</code>, right if {{cssxref("direction")}} is <code>rtl</code> if not supported by the browser.</td>
      <td>{{cssdoesinherit("text-align")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-align-last")}}</td>
      <td>{{csssyntaxdef("text-align-last", "auto | start | end | left | right | center | justify")}}</td>
      <td id="initial-text-align-last"><code>auto</code></td>
      <td>{{cssdoesinherit("text-align-last")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-indent")}}</td>
      <td>{{csssyntaxdef("text-indent", "&lt;length&gt; | &lt;percentage&gt; &amp;&amp; [ hanging || each-line ]")}}</td>
      <td id="initial-text-indent"><code>0</code></td>
      <td>{{cssdoesinherit("text-indent")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("direction")}}</td>
      <td>{{csssyntaxdef("direction", "ltr | rtl")}}</td>
      <td id="initial-direction"><code>ltr</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("white-space")}}</td>
      <td>{{csssyntaxdef("white-space", "normal | pre | nowrap | pre-wrap | pre-line")}}</td>
      <td id="initial-white-space"><code>normal</code></td>
      <td>{{cssdoesinherit("white-space")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("word-break")}}</td>
      <td>{{csssyntaxdef("word-break", "normal | break-all | keep-all")}}</td>
      <td id="initial-word-break"><code>normal</code></td>
      <td>{{cssdoesinherit("word-break")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("word-spacing")}}</td>
      <td>{{csssyntaxdef("word-spacing", "normal | &lt;length&gt;")}}</td>
      <td id="initial-word-spacing"><code>normal</code></td>
      <td>{{cssdoesinherit("word-spacing")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">Text decorations</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration")}}</td>
      <td>{{csssyntaxdef("text-decoration", "&lt;'text-decoration-line'&gt; || &lt;'text-decoration-style'&gt; || &lt;'text-decoration-color'&gt;")}}</td>
      <td id="initial-text-decoration">{{cssinitial("text-decoration-line")}} {{cssinitial("text-decoration-style")}} {{cssinitial("text-decoration-color")}}</td>
      <td>{{cssnotinherited("text-decoration")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration-color")}}</td>
      <td>{{csssyntaxdef("text-decoration-color", "&lt;color&gt;")}}</td>
      <td id="initial-text-decoration-color"><code>currentColor</code></td>
      <td>{{cssnotinherited("text-decoration-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration-style")}}</td>
      <td>{{csssyntaxdef("text-decoration-style", "solid | double | dotted | dashed | wavy")}}</td>
      <td id="initial-text-decoration-style"><code>solid</code></td>
      <td>{{cssnotinherited("text-decoration-style")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration-line")}}</td>
      <td>{{csssyntaxdef("text-decoration-line", "none | [ underline || overline || line-through || blink ]")}}</td>
      <td id="initial-text-decoration-line"><code>none</code></td>
      <td>{{cssnotinherited("text-decoration-line")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration-skip")}}</td>
      <td>{{csssyntaxdef("text-decoration-skip", "none | [ objects || spaces || ink || edges || box-decoration ]")}}</td>
      <td id="initial-text-decoration-skip"><code>objects</code></td>
      <td>{{cssdoesinherit("text-decoration-skip")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-underline-position")}}</td>
      <td>{{csssyntaxdef("text-underline-position", "auto | alphabetic | [ under || [ left | right ] ]")}}</td>
      <td id="initial-text-underline-position"><code>auto</code></td>
      <td>{{cssdoesinherit("text-underline-position")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">Flexible boxes</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("align-content")}}</td>
      <td>{{csssyntaxdef("align-content", "flex-start | flex-end | center | space-between | space-around | stretch")}}</td>
      <td id="initial-align-content"><code>stretch</code></td>
      <td>{{cssnotinherited("align-content")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("align-items")}}</td>
      <td>{{csssyntaxdef("align-items", "flex-start | flex-end | center | baseline | stretch")}}</td>
      <td id="initial-align-items"><code>stretch</code></td>
      <td>{{cssnotinherited("align-items")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("align-self")}}</td>
      <td>{{csssyntaxdef("align-self","auto | flex-start | flex-end | center | baseline | stretch")}}</td>
      <td id="initial-align-self"><code>auto</code></td>
      <td>{{cssnotinherited("align-self")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-basis")}}</td>
      <td>{{csssyntaxdef("flex-basis","&lt;'width'&gt;")}}</td>
      <td id="initial-flex-basis"><code>auto</code></td>
      <td>{{cssnotinherited("flex-basis")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-direction")}}</td>
      <td>{{csssyntaxdef("flex-direction","row | row-reverse | column | column-reverse")}}</td>
      <td id="initial-flex-direction"><code>row</code></td>
      <td>{{cssnotinherited("flex-direction")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-flow")}}</td>
      <td>{{csssyntaxdef("flex-flow","&lt;'flex-direction'&gt; || &lt;'flex-wrap'&gt;")}}</td>
      <td id="initial-flex-flow">{{cssinitial("flex-direction")}} {{cssinitial("flex-wrap")}}</td>
      <td>{{cssnotinherited("flex-flow")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-grow")}}</td>
      <td>{{csssyntaxdef("flex-grow","&lt;number&gt;")}}</td>
      <td id="initial-flex-grow"><code>0</code></td>
      <td>{{cssnotinherited("flex-grow")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-shrink")}}</td>
      <td>{{csssyntaxdef("flex-shrink","&lt;number&gt;")}}</td>
      <td id="initial-flex-shrink"><code>1</code></td>
      <td>{{cssnotinherited("flex-shrink")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("flex")}}</td>
      <td>{{csssyntaxdef("flex","none | [ &lt;'flex-grow'&gt; &lt;'flex-shrink'&gt;? || &lt;'flex-basis'&gt; ]")}}</td>
      <td id="initial-flex">{{cssinitial("flex-grow")}} {{cssinitial("flex-shrink")}} {{cssinitial("flex-basis")}}</td>
      <td>{{cssnotinherited("flex")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-wrap")}}</td>
      <td>{{csssyntaxdef("flex-wrap","nowrap | wrap | wrap-reverse")}}</td>
      <td id="initial-flex-wrap"><code>nowrap</code></td>
      <td>{{cssnotinherited("flex-wrap")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("justify-content")}}</td>
      <td>{{csssyntaxdef("justify-content","flex-start | flex-end | center | space-between | space-around")}}</td>
      <td id="initial-justify-content"><code>flex-start</code></td>
      <td>{{cssnotinherited("justify-content")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("order")}}</td>
      <td>{{csssyntaxdef("order","&lt;integer&gt;")}}</td>
      <td id="initial-order"><code>0</code></td>
      <td>{{cssnotinherited("order")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">Background &amp; Borders</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("background")}}</td>
      <td>{{csssyntaxdef("background","[ &lt;bg-layer&gt; , ]* &lt;final-bg-layer&gt;")}}<br />
        {{csssyntaxdef("bg-layer", "&lt;bg-image&gt; || &lt;position&gt; [ / &lt;bg-size&gt; ]? || &lt;repeat-style&gt; || &lt;attachment&gt; || &lt;box&gt;{1,2}", "non-terminal")}}<br />
        {{csssyntaxdef("final-bg-layer", "&lt;bg-image&gt; || &lt;position&gt; [ / &lt;bg-size&gt; ]? || &lt;repeat-style&gt; || &lt;attachment&gt; || &lt;box&gt;{1,2} || &lt;'background-color'&gt;", "non-terminal-cont")}}</td>
      <td id="initial-background">{{cssinitial("background-image")}} {{cssinitial("background-position")}}<code> / </code>{{cssinitial("background-size")}} {{cssinitial("background-repeat")}} {{cssinitial("background-attachment")}} {{cssinitial("background-clip")}} {{cssinitial("background-color")}}</td>
      <td>{{cssnotinherited("background")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("background-attachment")}}</td>
      <td>{{csssyntaxdef("background-attachment","&lt;attachment&gt;#")}}<br />
        {{csssyntaxdef("attachment", "scroll | fixed | local", "non-terminal")}}</td>
      <td id="initial-background-attachment"><code>scroll</code></td>
      <td>{{cssnotinherited("background-attachment")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("background-clip")}}</td>
      <td>{{csssyntaxdef("background-clip","&lt;box&gt;#")}}<br />
        {{csssyntaxdef("box", "border-box | padding-box | content-box", "non-terminal")}}</td>
      <td id="initial-background-clip"><code>border-box</code></td>
      <td>{{cssnotinherited("background-clip")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("background-color")}}</td>
      <td>{{csssyntaxdef("background-color","&lt;color&gt;")}}</td>
      <td id="initial-background-color"><code>transparent</code></td>
      <td>{{cssnotinherited("background-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("background-image")}}</td>
      <td>{{csssyntaxdef("background-image","&lt;bg-image&gt;#")}}<br />
        {{csssyntaxdef("bg-image", "none | &lt;image&gt;", "non-terminal")}}</td>
      <td id="initial-background-image"><code>none</code></td>
      <td>{{cssnotinherited("background-image")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("background-origin")}}</td>
      <td>{{csssyntaxdef("background-origin","&lt;box&gt;#")}}</td>
      <td id="initial-background-origin"><code>padding-box</code></td>
      <td>{{cssnotinherited("background-origin")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("background-position")}}</td>
      <td>{{csssyntaxdef("background-position","&lt;position&gt;#")}}</td>
      <td id="initial-background-position"><code>0% 0%</code></td>
      <td>{{cssnotinherited("background-position")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("background-repeat")}}</td>
      <td>{{csssyntaxdef("background-repeat","&lt;repeat-style&gt;#")}}<br />
        {{csssyntaxdef("repeat-style", "repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2}", "non-terminal")}}</td>
      <td id="initial-background-repeat"><code>repeat</code></td>
      <td>{{cssnotinherited("background-repeat")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("background-size")}}</td>
      <td>{{csssyntaxdef("background-size","&lt;bg-size&gt;#")}}<br />
        {{csssyntaxdef("bg-size", "[ &lt;length&gt; | &lt;percentage&gt; | auto ]{1,2} | cover | contain", "non-terminal")}}</td>
      <td id="initial-background-size"><code>auto auto</code></td>
      <td>{{cssnotinherited("background-size")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border")}}</td>
      <td>{{csssyntaxdef("border","&lt;br-width&gt; || &lt;br-style&gt; || &lt;color&gt;")}}</td>
      <td id="initial-border">{{cssinitial("border-top-width")}} {{cssinitial("border-top-style")}} {{cssinitial("border-top-color")}}</td>
      <td>{{cssnotinherited("border")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom")}}</td>
      <td>{{csssyntaxdef("border-bottom","&lt;br-width&gt; || &lt;br-style&gt; || &lt;color&gt;")}}</td>
      <td id="initial-border-bottom">{{cssinitial("border-bottom-width")}} {{cssinitial("border-bottom-style")}} {{cssinitial("border-bottom-color")}}</td>
      <td>{{cssnotinherited("border-bottom")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-color")}}</td>
      <td>{{csssyntaxdef("border-bottom-color","&lt;color&gt;")}}</td>
      <td id="initial-border-bottom-color"><code>currentColor</code></td>
      <td>{{cssnotinherited("border-bottom-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-left-radius")}}</td>
      <td>{{csssyntaxdef("border-bottom-left-radius","[ &lt;length&gt; | &lt;percentage&gt; ]{1,2}")}}</td>
      <td id="initial-border-bottom-left-radius"><code>0</code></td>
      <td>{{cssnotinherited("border-bottom-left-radius")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-right-radius")}}</td>
      <td>{{csssyntaxdef("border-bottom-right-radius","[ &lt;length&gt; | &lt;percentage&gt; ]{1,2}")}}</td>
      <td id="initial-border-bottom-right-radius"><code>0</code></td>
      <td>{{cssnotinherited("border-bottom-right-radius")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-style")}}</td>
      <td>{{csssyntaxdef("border-bottom-style","&lt;br-style&gt;")}}</td>
      <td id="initial-border-bottom-style"><code>none</code></td>
      <td>{{cssnotinherited("border-bottom-style")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-width")}}</td>
      <td>{{csssyntaxdef("border-bottom-width","&lt;br-width&gt;")}}</td>
      <td id="initial-border-bottom-width"><code>medium</code></td>
      <td>{{cssnotinherited("border-bottom-width")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-color")}}</td>
      <td>{{csssyntaxdef("border-color", "&lt;color&gt;{1,4}")}}</td>
      <td id="initial-border-color">{{cssinitial("border-top-color")}} {{cssinitial("border-right-color")}} {{cssinitial("border-bottom-color")}} {{cssinitial("border-left-color")}}</td>
      <td>{{cssnotinherited("border-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image")}}</td>
      <td>{{csssyntaxdef("border-image","&lt;'border-image-source'&gt; || &lt;'border-image-slice'&gt; [ / &lt;'border-image-width'&gt; | / &lt;'border-image-width'&gt;? / &lt;'border-image-outset'&gt; ]? || &lt;'border-image-repeat'&gt;")}}</td>
      <td id="initial-border-image">{{cssinitial("border-image-source")}} {{cssinitial("border-image-slice")}} / {{cssinitial("border-image-width")}} / {{cssinitial("border-image-outset")}} {{cssinitial("border-image-repeat")}}</td>
      <td>{{cssnotinherited("border-image")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-outset")}}</td>
      <td>{{csssyntaxdef("border-image-outset","[ &lt;length&gt; | &lt;number&gt; ]{1,4}")}}</td>
      <td id="initial-border-image-outset"><code>0</code></td>
      <td>{{cssnotinherited("border-image-outset")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-repeat")}}</td>
      <td>{{csssyntaxdef("border-image-repeat","[ stretch | repeat | round | space ]{1,2}")}}</td>
      <td id="initial-border-image-repeat"><code>stretch</code></td>
      <td>{{cssnotinherited("border-image-repeat")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-slice")}}</td>
      <td>{{csssyntaxdef("border-image-slice","[&lt;number&gt; | &lt;percentage&gt;]{1,4} &amp;&amp; fill?")}}</td>
      <td id="initial-border-image-slice"><code>100%</code></td>
      <td>{{cssnotinherited("border-image-slice")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-source")}}</td>
      <td>{{csssyntaxdef("border-image-source","none | &lt;image&gt;")}}</td>
      <td id="initial-border-image-source"><code>none</code></td>
      <td>{{cssnotinherited("border-image-source")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-width")}}</td>
      <td>{{csssyntaxdef("border-image-width","[ &lt;length&gt; | &lt;percentage&gt; | &lt;number&gt; | auto ]{1,4}")}}</td>
      <td id="initial-border-image-width"><code>1</code></td>
      <td>{{cssnotinherited("border-image-width")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-left")}}</td>
      <td>{{csssyntaxdef("border-left","&lt;br-width&gt; || &lt;br-style&gt; || &lt;color&gt;")}}</td>
      <td id="initial-border-left">{{cssinitial("border-left-width")}} {{cssinitial("border-left-style")}} {{cssinitial("border-left-color")}}</td>
      <td>{{cssnotinherited("border-left")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-left-color")}}</td>
      <td>{{csssyntaxdef("border-left-color","&lt;color&gt;")}}</td>
      <td id="initial-border-left-color"><code>currentColor</code></td>
      <td>{{cssnotinherited("border-left-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-left-style")}}</td>
      <td>{{csssyntaxdef("border-left-style","&lt;br-style&gt;")}}</td>
      <td id="initial-border-left-style"><code>none</code></td>
      <td>{{cssnotinherited("border-left-style")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-left-width")}}</td>
      <td>{{csssyntaxdef("border-left-width","&lt;br-width&gt;")}}</td>
      <td id="initial-border-left-width"><code>medium</code></td>
      <td>{{cssnotinherited("border-left-width")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-radius")}}</td>
      <td>{{csssyntaxdef("border-radius","[ &lt;length&gt; | &lt;percentage&gt; ]{1,4} [ / [ &lt;length&gt; | &lt;percentage&gt; ]{1,4} ]?")}}</td>
      <td id="initial-border-radius">{{cssinitial("border-top-left-radius")}} {{cssinitial("border-top-right-radius")}} {{cssinitial("border-bottom-right-radius")}} {{cssinitial("border-bottom-left-radius")}}</td>
      <td>{{cssnotinherited("border-radius")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-right")}}</td>
      <td>{{csssyntaxdef("border-right","&lt;br-width&gt; || &lt;br-style&gt; || &lt;color&gt;")}}</td>
      <td id="initial-border-right">{{cssinitial("border-right-width")}} {{cssinitial("border-right-style")}} {{cssinitial("border-right-color")}}</td>
      <td>{{cssnotinherited("border-right")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-right-color")}}</td>
      <td>{{csssyntaxdef("border-right-color","&lt;color&gt;")}}</td>
      <td id="initial-border-right-color"><code>currentColor</code></td>
      <td>{{cssnotinherited("border-right-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-right-style")}}</td>
      <td>{{csssyntaxdef("border-right-style","&lt;br-style&gt;")}}</td>
      <td id="initial-border-right-style"><code>none</code></td>
      <td>{{cssnotinherited("border-right-style")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-right-width")}}</td>
      <td>{{csssyntaxdef("border-right-width","&lt;br-width&gt;")}}</td>
      <td id="initial-border-right-width"><code>medium</code></td>
      <td>{{cssnotinherited("border-right-width")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-style")}}</td>
      <td>{{csssyntaxdef("border-style", "&lt;br-style&gt;{1,4}")}}<br />
        {{csssyntaxdef("br-style", "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset", "non-terminal")}}</td>
      <td id="initial-border-style">{{cssinitial("border-top-style")}} {{cssinitial("border-right-style")}} {{cssinitial("border-bottom-style")}} {{cssinitial("border-left-style")}}</td>
      <td>{{cssnotinherited("border-style")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top")}}</td>
      <td>{{csssyntaxdef("border-top","&lt;br-width&gt; || &lt;br-style&gt; || &lt;color&gt;")}}</td>
      <td id="initial-border-top">{{cssinitial("border-top-width")}} {{cssinitial("border-top-style")}} {{cssinitial("border-top-color")}}</td>
      <td>{{cssnotinherited("border-top")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-color")}}</td>
      <td>{{csssyntaxdef("border-top-color","&lt;color&gt;")}}</td>
      <td id="initial-border-top-color"><code>currentColor</code></td>
      <td>{{cssnotinherited("border-top-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-left-radius")}}</td>
      <td>{{csssyntaxdef("border-top-left-radius","[ &lt;length&gt; | &lt;percentage&gt; ]{1,2}")}}</td>
      <td id="initial-border-top-left-radius"><code>0</code></td>
      <td>{{cssnotinherited("border-top-left-radius")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-right-radius")}}</td>
      <td>{{csssyntaxdef("border-top-right-radius","[ &lt;length&gt; | &lt;percentage&gt; ]{1,2}")}}</td>
      <td id="initial-border-top-right-radius"><code>0</code></td>
      <td>{{cssnotinherited("border-top-right-radius")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-style")}}</td>
      <td>{{csssyntaxdef("border-top-style","&lt;br-style&gt;")}}</td>
      <td id="initial-border-top-style"><code>none</code></td>
      <td>{{cssnotinherited("border-top-style")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-width")}}</td>
      <td>{{csssyntaxdef("border-top-width","&lt;br-width&gt;")}}</td>
      <td id="initial-border-top-width"><code>medium</code></td>
      <td>{{cssnotinherited("border-top-width")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-width")}}</td>
      <td>{{csssyntaxdef("border-width","&lt;br-width&gt;{1,4}")}}<br />
        {{csssyntaxdef("br-width", "&lt;length&gt; | thin | medium | thick", "non-terminal")}}</td>
      <td id="initial-border-width">{{cssinitial("border-top-width")}} {{cssinitial("border-right-width")}} {{cssinitial("border-bottom-width")}} {{cssinitial("border-left-width")}}</td>
      <td>{{cssnotinherited("border-width")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">Box Model</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("box-decoration-break")}}</td>
      <td>{{csssyntaxdef("box-decoration-break","slice | clone")}}</td>
      <td id="initial-box-decoration-break"><code>slice</code></td>
      <td>{{cssnotinherited("box-decoration-break")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("box-shadow")}}</td>
      <td>{{csssyntaxdef("box-shadow","none | &lt;shadow&gt;#")}}<br />
        {{csssyntaxdef("shadow","inset? &amp;&amp; [ &lt;length&gt;{2,4} &amp;&amp; &lt;color&gt;? ]", "non-terminal")}}</td>
      <td id="initial-box-shadow"><code>none</code></td>
      <td>{{cssnotinherited("box-shadow")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("margin")}}</td>
      <td>{{csssyntaxdef("margin", "[ &lt;length&gt; | &lt;percentage&gt; | auto ]{1,4}")}}</td>
      <td id="initial-margin">{{cssinitial("margin-top")}} {{cssinitial("margin-right")}} {{cssinitial("margin-bottom")}} {{cssinitial("margin-left")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("margin-bottom")}}</td>
      <td>{{csssyntaxdef("margin-bottom", "&lt;length&gt; | &lt;percentage&gt; | auto")}}</td>
      <td id="initial-margin-bottom"><code>0</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("margin-left")}}</td>
      <td>{{csssyntaxdef("margin-left", "&lt;length&gt; | &lt;percentage&gt; | auto")}}</td>
      <td id="initial-margin-left"><code>0</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("margin-right")}}</td>
      <td>{{csssyntaxdef("margin-right", "&lt;length&gt; | &lt;percentage&gt; | auto")}}</td>
      <td id="initial-margin-right"><code>0</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("margin-top")}}</td>
      <td>{{csssyntaxdef("margin-top", "&lt;length&gt; | &lt;percentage&gt; | auto")}}</td>
      <td id="initial-margin-top"><code>0</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("padding")}}</td>
      <td>{{csssyntaxdef("padding", "[ &lt;length&gt; | &lt;percentage&gt; ]{1,4}")}}</td>
      <td id="initial-padding">{{cssinitial("padding-top")}} {{cssinitial("padding-right")}} {{cssinitial("padding-bottom")}} {{cssinitial("padding-left")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("padding-bottom")}}</td>
      <td>{{csssyntaxdef("padding-bottom", "&lt;length&gt; | &lt;percentage&gt;")}}</td>
      <td id="initial-padding-bottom"><code>0</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("padding-left")}}</td>
      <td>{{csssyntaxdef("padding-left", "&lt;length&gt; | &lt;percentage&gt;")}}</td>
      <td id="initial-padding-left"><code>0</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("padding-right")}}</td>
      <td>{{csssyntaxdef("padding-right", "&lt;length&gt; | &lt;percentage&gt;")}}</td>
      <td id="initial-padding-right"><code>0</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("padding-top")}}</td>
      <td>{{csssyntaxdef("padding-top", "&lt;length&gt; | &lt;percentage&gt;")}}</td>
      <td id="initial-padding-top"><code>0</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("box-sizing")}}</td>
      <td>{{csssyntaxdef("box-sizing", "content-box | padding-box | border-box")}}</td>
      <td id="initial-box-sizing"><code>content-box</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("max-height")}}</td>
      <td>{{csssyntaxdef("max-height", "&lt;length&gt; | &lt;percentage&gt; | none | max-content | min-content | fit-content | fill-available")}}</td>
      <td id="initial-max-height"><code>none</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("min-height")}}</td>
      <td>{{csssyntaxdef("min-height", "&lt;length&gt; | &lt;percentage&gt; | auto | max-content | min-content | fit-content | fill-available")}}</td>
      <td id="initial-min-height"><code>auto</code> (which always resolves to <code>0</code> on non-flex items)</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("height")}}</td>
      <td>{{csssyntaxdef("height", "auto | &lt;length&gt; | &lt;percentage&gt;")}}</td>
      <td id="initial-height"><code>auto</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("max-width")}}</td>
      <td>{{csssyntaxdef("max-width", "&lt;length&gt; | &lt;percentage&gt; | none | max-content | min-content | fit-content | fill-available")}}</td>
      <td id="initial-max-width"><code>none</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("min-width")}}</td>
      <td>{{csssyntaxdef("min-width", "&lt;length&gt; | &lt;percentage&gt; | auto | max-content | min-content | fit-content | fill-available")}}</td>
      <td id="initial-min-width"><code>auto</code> (which always resolves to <code>0</code> on non-flex items)</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("width")}}</td>
      <td>{{csssyntaxdef("width","[&lt;length&gt; | &lt;percentage&gt;] &amp;&amp; [border-box | content-box]? | available | min-content | max-content | fit-content | auto")}}</td>
      <td id="initial-width"><code>auto</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("overflow")}}</td>
      <td>{{csssyntaxdef("overflow","visible | hidden | scroll | auto")}}</td>
      <td id="initial-overflow"><code>visible</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("overflow-x")}}</td>
      <td>{{csssyntaxdef("overflow-x","visible | hidden | scroll | auto")}}</td>
      <td id="initial-overflow-x"><code>visible</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("overflow-y")}}</td>
      <td>{{csssyntaxdef("overflow-y","visible | hidden | scroll | auto")}}</td>
      <td id="initial-overflow-y"><code>visible</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("visibility")}}</td>
      <td>{{csssyntaxdef("visibility", "visible | hidden | collapse")}}</td>
      <td id="initial-visibility"><code>visible</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">Table</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("border-collapse")}}</td>
      <td>{{csssyntaxdef("border-collapse", "collapse | separate")}}</td>
      <td id="initial-border-collapse"><code>separate</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-spacing")}}</td>
      <td>{{csssyntaxdef("border-spacing","&lt;length&gt; &lt;length&gt;?")}}</td>
      <td id="initial-border-spacing"><code>0</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("caption-side")}}</td>
      <td>{{csssyntaxdef("caption-side", "top | bottom")}}</td>
      <td id="initial-caption-side"><code>top</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("empty-cells")}}</td>
      <td>{{csssyntaxdef("empty-cells", "show | hide")}}</td>
      <td id="initial-empty-cells"><code>show</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("table-layout")}}</td>
      <td>{{csssyntaxdef("table-layout", "auto | fixed")}}</td>
      <td id="initial-table-layout"><code>auto</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("vertical-align")}}</td>
      <td>{{csssyntaxdef("vertical-align", "baseline | sub | super | text-top | text-bottom | middle | top | bottom | &lt;percentage&gt; | &lt;length&gt;")}}</td>
      <td id="initial-vertical-align"><code>baseline</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="3" scope="col">Positioning</th>
      <th scope="col">&nbsp;</th>
      <th scope="col">&nbsp;</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("bottom")}}</td>
      <td>{{csssyntaxdef("bottom", "&lt;length&gt; | &lt;percentage&gt; | auto")}}</td>
      <td id="initial-bottom"><code>auto</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("left")}}</td>
      <td>{{csssyntaxdef("left", "&lt;length&gt; | &lt;percentage&gt; | auto")}}</td>
      <td id="initial-left"><code>auto</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("right")}}</td>
      <td>{{csssyntaxdef("right", "&lt;length&gt; | &lt;percentage&gt; | auto")}}</td>
      <td id="initial-right"><code>auto</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("top")}}</td>
      <td>{{csssyntaxdef("top", "&lt;length&gt; | &lt;percentage&gt; | auto")}}</td>
      <td id="initial-top"><code>auto</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("float")}}</td>
      <td>{{csssyntaxdef("float", "left | right | none")}}</td>
      <td id="initial-float"><code>none</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("clear")}}</td>
      <td>{{csssyntaxdef("clear", "none | left | right | both")}}</td>
      <td id="initial-clear"><code>none</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("position")}}</td>
      <td>{{csssyntaxdef("position", "static | relative | absolute | fixed")}}</td>
      <td id="initial-position"><code>static</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("z-index")}}</td>
      <td>{{csssyntaxdef("z-index", "auto | &lt;integer&gt;")}}</td>
      <td id="initial-z-index"><code>auto</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">Fonts</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("font")}}</td>
      <td>{{csssyntaxdef("font", "[ [ &lt;‘font-style’&gt; || &lt;font-variant-css21&gt; || &lt;‘font-weight’&gt; || &lt;‘font-stretch’&gt; ]? &lt;‘font-size’&gt; [ / &lt;‘line-height’&gt; ]? &lt;‘font-family’&gt; ] | caption | icon | menu | message-box | small-caption | status-bar")}}</td>
      <td id="initial-font">{{cssinitial("font-style")}} {{cssinitial("font-variant")}} {{cssinitial("font-weight")}} {{cssinitial("font-stretch")}} {{cssinitial("font-size")}} / {{cssinitial("line-height")}} and <code>font-family</code> initial value depends on user agent.</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("font-family")}}</td>
      <td>{{csssyntaxdef("font-family", "[ &lt;family-name&gt; | &lt;generic-family&gt; ]#")}}<br />
        {{csssyntaxdef("family-name", "&lt;string&gt; | &lt;IDENT&gt;+", "non-terminal")}}<br />
        {{csssyntaxdef("generic-name", "serif | sans-serif | cursive | fantasy | monospace", "non-terminal-cont")}}</td>
      <td id="initial-font-family">Depends on user agent.</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("font-variant")}}</td>
      <td>{{csssyntaxdef("font-variant", "normal | none ")}}</td>
      <td id="initial-font-variant"><code>normal</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("font-weight")}}</td>
      <td>{{csssyntaxdef("font-weight", "normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900")}}</td>
      <td id="initial-font-weight"><code>normal</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("font-stretch")}}</td>
      <td>{{csssyntaxdef("font-stretch", "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded")}}</td>
      <td id="initial-font-stretch"><code>normal</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("font-size")}}</td>
      <td>{{csssyntaxdef("font-size", "&lt;absolute-size&gt; | &lt;relative-size&gt; | &lt;length&gt; | &lt;percentage&gt;")}}<br />
        {{csssyntaxdef("absolute-size", "xx-small | s-small | small | medium | large | x-large | xx-large", "non-terminal")}}<br />
        {{csssyntaxdef("relative-size", "larger | smaller", "non-terminal-cont")}}</td>
      <td id="initial-font-size"><code>medium</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("line-height")}}</td>
      <td>{{csssyntaxdef("line-height", "normal | &lt;number&gt; | &lt;length&gt; | &lt;percentage&gt;")}}</td>
      <td id="initial-line-height"><code>normal</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("font-feature-settings")}}</td>
      <td>{{csssyntaxdef("font-feature-settings", "normal | &lt;feature-tag-value&gt;#")}}<br />
        {{csssyntaxdef("feature-tag-value", "&lt;string&gt; [ &lt;integer&gt; | on | off ]?", "non-terminal")}}</td>
      <td id="initial-font-feature-settings"><code>normal</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("font-size-adjust")}}</td>
      <td>{{csssyntaxdef("font-size-adjust", "none | auto | &lt;number&gt;")}}</td>
      <td id="initial-font-size-adjust"><code>none</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("font-style")}}</td>
      <td>{{csssyntaxdef("font-style", "normal | italic | oblique")}}</td>
      <td id="initial-font-style"><code>normal</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">Images</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("image-rendering")}}</td>
      <td>{{csssyntaxdef("image-rendering", "auto | crisp-edges | pixelated")}}</td>
      <td id="initial-image-rendering"><code>auto</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("image-orientation")}}</td>
      <td>{{csssyntaxdef("image-orientation", "&lt;angle&gt;")}}</td>
      <td id="initial-image-orientation"><code>0deg</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">Counters &amp; Lists</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("counter-increment")}}</td>
      <td>{{csssyntaxdef("counter-increment", "[&lt;user-ident&gt; &lt;integer&gt;?]+ | none")}}</td>
      <td id="initial-counter-increment"><code>none</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("counter-reset")}}</td>
      <td>{{csssyntaxdef("counter-reset", "[&lt;user-ident&gt; &lt;integer&gt;?]+ | none")}}</td>
      <td id="initial-counter-reset"><code>none</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("list-style")}}</td>
      <td>{{csssyntaxdef("list-style","&lt;'list-style-image'&gt; || &lt;'list-style-position'&gt; || &lt;'list-style-type'&gt;")}}</td>
      <td id="initial-list-style">{{cssinitial("list-style-image")}} {{cssinitial("list-style-position")}} {{cssinitial("list-style-type")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("list-style-image")}}</td>
      <td>{{csssyntaxdef("list-style-image","&lt;uri&gt; | none")}}</td>
      <td id="initial-list-style-image"><code>none</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("list-style-position")}}</td>
      <td>{{csssyntaxdef("list-style-position","inside | outside")}}</td>
      <td id="initial-list-style-position"><code>outside</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("list-style-type")}}</td>
      <td>{{csssyntaxdef("list-style-type","disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none")}}</td>
      <td id="initial-list-style-type"><code>disc</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">Page</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("orphans")}}</td>
      <td>{{csssyntaxdef("orphans", "&lt;integer&gt;")}}</td>
      <td id="initial-orphans"><code>2</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("page-break-after")}}</td>
      <td>{{csssyntaxdef("page-break-after", "auto | always | avoid | left | right")}}</td>
      <td id="initial-page-break-after"><code>auto</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("page-break-before")}}</td>
      <td>{{csssyntaxdef("page-break-before", "auto | always | avoid | left | right")}}</td>
      <td id="initial-page-break-before"><code>auto</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("page-break-inside")}}</td>
      <td>{{csssyntaxdef("page-break-inside", "auto | always")}}</td>
      <td id="initial-page-break-inside"><code>auto</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("widows")}}</td>
      <td>{{csssyntaxdef("widows", "&lt;integer&gt;")}}</td>
      <td id="initial-widows"><code>2</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">User interface</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("outline")}}</td>
      <td>{{csssyntaxdef("outline", "&lt;'outline-color'&gt; || &lt;'outline-width'&gt; || &lt;'outline-style'&gt;")}}</td>
      <td id="initial-outline">{{cssinitial("outline-color")}} {{cssinitial("outline-width")}} {{cssinitial("outline-style")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("outline-color")}}</td>
      <td>{{csssyntaxdef("outline-color", "&lt;color&gt; | invert")}}</td>
      <td id="initial-outline-color"><code>invert</code>, for browsers supporting it, <code>currentColor</code> for the other</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("outline-width")}}</td>
      <td>{{csssyntaxdef("outline-width", "&lt;br-width&gt;")}}</td>
      <td id="initial-outline-width"><code>medium</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("outline-style")}}</td>
      <td>{{csssyntaxdef("outline-style", "&lt;br-style&gt;")}}</td>
      <td id="initial-outline-style"><code>none</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("outline-offset")}}</td>
      <td>{{csssyntaxdef("outline-offset", "&lt;length&gt;")}}</td>
      <td id="initial-outline-offset"><code>0</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("cursor")}}</td>
      <td>{{csssyntaxdef("cursor", "[ [ &lt;uri&gt; [&lt;x&gt; &lt;y&gt;]?,]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out ] ]")}}</td>
      <td id="initial-cursor"><code>auto</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("resize")}}</td>
      <td>{{csssyntaxdef("resize", "none | both | horizontal | vertical")}}</td>
      <td id="initial-resize"><code>none</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-overflow")}}</td>
      <td>{{csssyntaxdef("text-overflow", "[ clip | ellipsis | &lt;string&gt; ]{1,2}")}}</td>
      <td id="initial-text-overflow"><code>clip</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">Generated content</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("content")}}</td>
      <td>{{csssyntaxdef("content", "normal | none | [ &lt;string&gt; | &lt;uri&gt; | &lt;counter&gt; | attr() | open-quote | close-quote | no-open-quote | no-close-quote ]+")}}</td>
      <td id="initial-content"><code>normal</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("quotes")}}</td>
      <td>{{csssyntaxdef("quotes", "[&lt;string&gt; &lt;string&gt;]+ | none")}}</td>
      <td id="initial-quotes">User agent specific</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="5" scope="col">Miscellaneous</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Syntax</th>
      <th scope="col">Initial value</th>
      <th scope="col">Inherited</th>
      <th scope="col">Media</th>
    </tr>
    <tr>
      <td>{{cssxref("clip")}}</td>
      <td>{{csssyntaxdef("clip", "&lt;shape&gt; | auto")}}<br />
        {{csssyntaxdef("shape", "rect(&lt;top&gt;, &lt;right&gt;, &lt;bottom&gt;, &lt;left&gt;)", "non-terminal")}}</td>
      <td id="initial-clip"><code>auto</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("content")}}</td>
      <td>{{csssyntaxdef("content", "normal | none | [ &lt;string&gt; | &lt;uri&gt; | &lt;counter&gt; | attr() | open-quote | close-quote | no-open-quote | no-close-quote ]+")}}</td>
      <td id="initial-content"><code>normal</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("display")}}</td>
      <td>{{csssyntaxdef("display", "none | inline | block | list-item | inline-block | inline-table | table | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group | flex | inline-flex | grid | inline-grid | run-in")}}</td>
      <td id="initial-display"><code>inline</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("unicode-bidi")}}</td>
      <td>{{csssyntaxdef("unicode-bidi", "normal | embed | isolate | bidi-override | isolate-override | plaintext")}}</td>
      <td id="initial-unicode-bidi"><code>normal</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("ime-mode")}}</td>
      <td>{{csssyntaxdef("ime-mode", "auto | normal | active | inactive | disabled")}}</td>
      <td id="initial-ime-mode"><code>auto</code></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<p>&nbsp;</p>
Revert to this revision