CSS values syntax

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

Revision Content

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>")}} {{cssinitialshorthand("animation", "animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction animation-fill-mode")}} {{cssnotinherited("animation")}} {{cssmediadef("animation", "visual")}}
{{cssxref("animation-delay")}} {{csssyntaxdef("animation-delay","<time>#")}} {{cssinitialdef("animation-delay", "0s")}} {{cssnotinherited("animation-delay")}} {{cssmediadef("animation-delay", "visual")}}
{{cssxref("animation-direction")}} {{csssyntaxdef("animation-direction","<single-animation-direction>#")}}
{{csssyntaxdef("single-animation-direction", "normal | reverse | alternate | alternate-reverse", "non-terminal")}}
{{cssinitialdef("animation-direction", "normal")}} {{cssnotinherited("animation-direction")}} {{cssmediadef("animation-direction", "visual")}}
{{cssxref("animation-duration")}} {{csssyntaxdef("animation-duration","<time>#")}} {{cssinitialdef("animation-duration", "0s")}} {{cssnotinherited("animation-duration")}} {{cssmediadef("animation-duration", "visual")}}
{{cssxref("animation-fill-mode")}} {{csssyntaxdef("animation-fill-mode","<single-animation-fill-mode>#")}}
{{csssyntaxdef("single-animation-fill-mode", "none | forwards | backwards | both", "non-terminal")}}
{{cssinitialdef("animation-fill-mode", "none")}} {{cssnotinherited("animation-fill-mode")}} {{cssmediadef("animation-fill-mode", "visual")}}
{{cssxref("animation-iteration-count")}} {{csssyntaxdef("animation-iteration-count","<single-animation-iteration-count>#")}}
{{csssyntaxdef("single-animation-iteration-count", "infinite | <number>", "non-terminal")}}
{{cssinitialdef("animation-iteration-count", "1")}} {{cssnotinherited("animation-iteration-count")}} {{cssmediadef("animation-iteration-count", "visual")}}
{{cssxref("animation-name")}} {{csssyntaxdef("animation-name","<single-animation-name>#")}}
{{csssyntaxdef("single-animation-name", "none | IDENT", "non-terminal")}}
{{cssinitialdef("animation-name", "none")}} {{cssnotinherited("animation-name")}} {{cssmediadef("animation-name", "visual")}}
{{cssxref("animation-play-state")}} {{csssyntaxdef("animation-play-state", "<single-animation-play-state>#")}}
{{csssyntaxdef("single-animation-play-state", "running | paused", "non-terminal")}}
{{cssinitialdef("animation-play-state", "running")}} {{cssnotinherited("animation-play-state")}} {{cssmediadef("animation-play-state", "visual")}}
{{cssxref("animation-timing-function")}} {{csssyntaxdef("animation-timing-function", "<timing-function>#")}} {{cssinitialdef("animation-timing-function", "ease")}} {{cssnotinherited("animation-timing-function")}} {{cssmediadef("animation-timing-function", "visual")}}
Transitions
Property Syntax Initial value Inherited Media
{{cssxref("transition")}} {{csssyntaxdef("transition", "[ none | <single-transition-property> ] || <time> || <timing-function> || <time>")}} {{cssinitialshorthand("transition", "transition-delay transition-duration transition-property transition-timing-function")}} {{cssnotinherited("transition")}} {{cssmediadef("transition", "interactive")}}
{{cssxref("transition-delay")}} {{csssyntaxdef("transition-delay","<time>#")}} {{cssinitialdef("transition-delay", "0s")}} {{cssnotinherited("transition-delay")}} {{cssmediadef("transition-delay", "interactive")}}
{{cssxref("transition-duration")}} {{csssyntaxdef("transition-duration","<time>#")}} {{cssinitialdef("transition-duration", "0s")}} {{cssnotinherited("transition-duration")}} {{cssmediadef("transition-duration", "interactive")}}
{{cssxref("transition-property")}} {{csssyntaxdef("transition-property", "none | <single-transition-property>#")}}
{{csssyntaxdef("single-transition-property", "all | IDENT", "non-terminal")}}
{{cssinitialdef("transition-property", "all")}} {{cssnotinherited("transition-property")}} {{cssmediadef("transition-property", "visual")}}
{{cssxref("transition-timing-function")}} {{csssyntaxdef("transition-timing-function", "<timing-function>#")}} {{cssinitialdef("transition-timing-function", "ease")}} {{cssnotinherited("transition-timing-function")}} {{cssmediadef("transition-timing-function", "interactive")}}
Transforms
Property Syntax Initial value Inherited Media
{{cssxref("transform")}} {{csssyntaxdef("transform", "none | <transform-function>+")}} {{cssinitialdef("transform", "none")}} {{cssnotinherited("transform")}} {{cssmediadef("transform", "visual")}}
{{cssxref("transform-origin")}} {{csssyntaxdef("transform-origin", "[ <percentage> | <length> | left | center | right | top | bottom] | [ [ <percentage> | <length> | left | center | right ] && [ <percentage> | <length> | top | center | bottom ] ] <length>?")}} {{cssinitialdef("transform-origin", "50% 50% 0")}} {{cssnotinherited("transform-origin")}} {{cssmediadef("transform-origin", "visual")}}
{{cssxref("transform-style")}} {{csssyntaxdef("transform-style", "flat | preserve-3d")}} {{cssinitialdef("transform-style", "flat")}} {{cssnotinherited("transform-style")}} {{cssmediadef("transform-style", "visual")}}
{{cssxref("perspective")}} {{csssyntaxdef("perspective", "none | <length>")}} {{cssinitialdef("perspective", "none")}} {{cssnotinherited("perspective")}} {{cssmediadef("perspective", "visual")}}
{{cssxref("perspective-origin")}} {{csssyntaxdef("perspective-origin", "[ <percentage> | <length> | left | center | right | top | bottom] | [ [ <percentage> | <length> | left | center | right ] && [ <percentage> | <length> | top | center | bottom ] ]")}} {{cssinitialdef("perspective-origin", "50% 50%")}} {{cssnotinherited("perspective-origin")}} {{cssmediadef("perspective-origin", "visual")}}
{{cssxref("backface-visibility")}} {{csssyntaxdef("backface-visibility", "visible | hidden")}} {{cssinitialdef("backface-visibility", "visible")}} {{cssnotinherited("backface-visibility")}} {{cssmediadef("backface-visibility", "visual")}}
Color
Property Syntax Initial value Inherited Media
{{cssxref("color")}} {{csssyntaxdef("color", "<color>")}} {{cssinitialstartdef("color")}}Varies from one browser to another{{cssinitialenddef}} {{cssdoesinherit("color")}} {{cssmediadef("color", "visual")}}
{{cssxref("opacity")}} {{csssyntaxdef("opacity", "<number>")}} {{cssinitialdef("opacity", "1.0")}} {{cssnotinherited("opacity")}} {{cssmediadef("opacity", "visual")}}
Columns
Property Syntax Initial value Inherited Media
{{cssxref("columns")}} {{csssyntaxdef("columns", "<'column-width'> || <'column-count'>")}} {{cssinitialshorthand("columns", "column-width column-count")}} {{cssnotinherited("columns")}} {{cssmediadef("columns", "visual")}}
{{cssxref("column-width")}} {{csssyntaxdef("column-width", "<length> | auto")}} {{cssinitialdef("column-width", "auto")}} {{cssnotinherited("column-width")}} {{cssmediadef("column-width", "visual")}}
{{cssxref("column-count")}} {{csssyntaxdef("column-count", "<number> | auto")}} {{cssinitialdef("column-count", "auto")}} {{cssnotinherited("column-count")}} {{cssmediadef("column-count", "visual")}}
{{cssxref("column-gap")}} {{csssyntaxdef("column-gap", "<length> | normal")}} {{cssinitialdef("column-gap", "normal")}} {{cssnotinherited("column-gap")}} {{cssmediadef("column-gap", "visual")}}
{{cssxref("column-rule")}} {{csssyntaxdef("column-rule", "<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>")}} {{cssinitialshorthand("column-rule", "column-rule-width column-rule-style column-rule-color")}} {{cssnotinherited("column-rule")}} {{cssmediadef("column-rule", "visual")}}
{{cssxref("column-rule-color")}} {{csssyntaxdef("column-rule-color", "<color>")}} {{cssinitialdef("column-rule-color", "currentColor")}} {{cssnotinherited("column-rule-color")}} {{cssmediadef("column-rule-color", "visual")}}
{{cssxref("column-rule-style")}} {{csssyntaxdef("column-rule-style", "<br-style>")}} {{cssinitialdef("column-rule-style", "none")}} {{cssnotinherited("column-rule-style")}} {{cssmediadef("column-rule-style", "visual")}}
{{cssxref("column-rule-width")}} {{csssyntaxdef("column-rule-width", "<br-width>")}} {{cssinitialdef("column-rule-width", "medium")}} {{cssnotinherited("column-rule-width")}} {{cssmediadef("column-rule-width", "visual")}}
{{cssxref("break-before")}} {{csssyntaxdef("break-before", "auto | always | avoid | left | right | page | column | avoid-page | avoid-colum")}} {{cssinitialdef("break-before", "auto")}} {{cssnotinherited("break-before")}} {{cssmediadef("break-before", "paged")}}
{{cssxref("break-after")}} {{csssyntaxdef("break-after", "auto | always | avoid | left | right | page | column | avoid-page | avoid-colum")}} {{cssinitialdef("break-after", "auto")}} {{cssnotinherited("break-after")}} {{cssmediadef("break-after", "paged")}}
{{cssxref("break-inside")}} {{csssyntaxdef("break-inside", "auto | avoid | avoid-page | avoid-column")}} {{cssinitialdef("break-inside", "auto")}} {{cssnotinherited("break-inside")}} {{cssmediadef("break-inside", "paged")}}
{{cssxref("column-span")}} {{csssyntaxdef("column-span", "none | all")}} {{cssinitialdef("column-span", "none")}} {{cssnotinherited("column-span")}} {{cssmediadef("column-span", "visual")}}
{{cssxref("column-fill")}} {{csssyntaxdef("column-fill", "auto | balance")}} {{cssinitialdef("column-fill", "balance")}} {{cssnotinherited("column-fill")}} {{cssmediastartdef("column-fill")}}visual, but, in continuous media, has no effect in overflow columns{{cssmediaenddef}}
Text
Property Syntax Initial value Inherited Media
{{cssxref("hyphens")}} {{csssyntaxdef("hyphens", "none | manual | auto")}} {{cssinitialdef("hyphens", "manual")}} {{cssdoesinherit("hyphens")}} {{cssmediadef("hyphens", "visual")}}
{{cssxref("letter-spacing")}} {{csssyntaxdef("letter-spacing", "normal | <length>")}} {{cssinitialdef("letter-spacing", "normal")}} {{cssdoesinherit("letter-spacing")}} {{cssmediadef("letter-spacing", "visual")}}
{{cssxref("word-wrap")}} {{csssyntaxdef("word-wrap", "normal | break-word")}} {{cssinitialdef("word-wrap", "normal")}} {{cssdoesinherit("word-wrap")}} {{cssmediadef("word-wrap", "visual")}}
{{cssxref("overflow-wrap")}} {{csssyntaxdef("overflow-wrap", "normal | break-word")}} {{cssinitialdef("overflow-wrap", "normal")}} {{cssdoesinherit("overflow-wrap")}} {{cssmediadef("overflow-wrap", "visual")}}
{{cssxref("text-transform")}} {{csssyntaxdef("text-transform", "none | capitalize | uppercase | lowercase | full-width")}} {{cssinitialdef("text-transform", "none")}} {{cssdoesinherit("text-transform")}} {{cssmediadef("text-transform", "visual")}}
{{cssxref("tab-size")}} {{csssyntaxdef("tab-size", "<integer>")}} {{cssinitialdef("tab-size", "8")}} {{cssdoesinherit("tab-size")}} {{cssmediadef("tab-size", "visual")}}
{{cssxref("text-align")}} {{csssyntaxdef("text-align", "[ start | end | left | right | center ] || <string> ] | justify | match-parent | start end")}} {{cssinitialstartdef("text-align")}}start, or a nameless value that acts as left if {{cssxref("direction")}} is ltr, right if {{cssxref("direction")}} is rtl if start is not supported by the browser.{{cssinitialenddef}} {{cssdoesinherit("text-align")}} {{cssmediadef("text-align", "visual")}}
{{cssxref("text-align-last")}} {{csssyntaxdef("text-align-last", "auto | start | end | left | right | center | justify")}} {{cssinitialdef("text-align-last", "auto")}} {{cssdoesinherit("text-align-last")}} {{cssmediadef("text-align-last", "visual")}}
{{cssxref("text-indent")}} {{csssyntaxdef("text-indent", "<length> | <percentage> && [ hanging || each-line ]")}} {{cssinitialdef("text-indent", "0")}} {{cssdoesinherit("text-indent")}} {{cssmediadef("text-indent", "visual")}}
{{cssxref("direction")}} {{csssyntaxdef("direction", "ltr | rtl")}} {{cssinitialdef("direction", "ltr")}} {{cssdoesinherit("direction")}} {{cssmediadef("direction", "visual")}}
{{cssxref("white-space")}} {{csssyntaxdef("white-space", "normal | pre | nowrap | pre-wrap | pre-line")}} {{cssinitialdef("white-space", "normal")}} {{cssdoesinherit("white-space")}} {{cssmediadef("white-space", "visual")}}
{{cssxref("word-break")}} {{csssyntaxdef("word-break", "normal | break-all | keep-all")}} {{cssinitialdef("word-break", "normal")}} {{cssdoesinherit("word-break")}} {{cssmediadef("word-break", "visual")}}
{{cssxref("word-spacing")}} {{csssyntaxdef("word-spacing", "normal | <length>")}} {{cssinitialdef("word-spacing", "normal")}} {{cssdoesinherit("word-spacing")}} {{cssmediadef("word-spacing", "visual")}}
Text decorations
Property Syntax Initial value Inherited Media
{{cssxref("text-decoration")}} {{csssyntaxdef("text-decoration", "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>")}} {{cssinitialshorthand("text-decoration", "text-decoration-color text-decoration-style text-decoration-line")}} {{cssnotinherited("text-decoration")}} {{cssmediadef("text-decoration", "visual")}}
{{cssxref("text-decoration-color")}} {{csssyntaxdef("text-decoration-color", "<color>")}} {{cssinitialdef("text-decoration-color", "currentColor")}} {{cssnotinherited("text-decoration-color")}} {{cssmediadef("text-decoration-color", "visual")}}
{{cssxref("text-decoration-style")}} {{csssyntaxdef("text-decoration-style", "solid | double | dotted | dashed | wavy")}} {{cssinitialdef("text-decoration-style", "solid")}} {{cssnotinherited("text-decoration-style")}} {{cssmediadef("text-decoration-style", "visual")}}
{{cssxref("text-decoration-line")}} {{csssyntaxdef("text-decoration-line", "none | [ underline || overline || line-through || blink ]")}} {{cssinitialdef("text-decoration-line", "none")}} {{cssnotinherited("text-decoration-line")}} {{cssmediadef("text-decoration-line", "visual")}}
{{cssxref("text-decoration-skip")}} {{csssyntaxdef("text-decoration-skip", "none | [ objects || spaces || ink || edges || box-decoration ]")}} {{cssinitialdef("text-decoration-skip", "objects")}} {{cssdoesinherit("text-decoration-skip")}} {{cssmediadef("text-decoration-skip", "visual")}}
{{cssxref("text-underline-position")}} {{csssyntaxdef("text-underline-position", "auto | alphabetic | [ under || [ left | right ] ]")}} {{cssinitialdef("text-underline-position", "auto")}} {{cssdoesinherit("text-underline-position")}} {{cssmediadef("text-underline-position", "visual")}}
Flexible boxes
Property Syntax Initial value Inherited Media
{{cssxref("align-content")}} {{csssyntaxdef("align-content", "flex-start | flex-end | center | space-between | space-around | stretch")}} {{cssinitialdef("align-content", "stretch")}} {{cssnotinherited("align-content")}} {{cssmediadef("align-content", "visual")}}
{{cssxref("align-items")}} {{csssyntaxdef("align-items", "flex-start | flex-end | center | baseline | stretch")}} {{cssinitialdef("align-items", "stretch")}} {{cssnotinherited("align-items")}} {{cssmediadef("align-items", "visual")}}
{{cssxref("align-self")}} {{csssyntaxdef("align-self","auto | flex-start | flex-end | center | baseline | stretch")}} {{cssinitialdef("align-self", "auto")}} {{cssnotinherited("align-self")}} {{cssmediadef("align-self", "visual")}}
{{cssxref("flex-basis")}} {{csssyntaxdef("flex-basis","<'width'>")}} {{cssinitialdef("flex-basis", "auto")}} {{cssnotinherited("flex-basis")}} {{cssmediadef("flex-basis", "visual")}}
{{cssxref("flex-direction")}} {{csssyntaxdef("flex-direction","row | row-reverse | column | column-reverse")}} {{cssinitialdef("flex-direction", "row")}} {{cssnotinherited("flex-direction")}} {{cssmediadef("flex-direction", "visual")}}
{{cssxref("flex-flow")}} {{csssyntaxdef("flex-flow","<'flex-direction'> || <'flex-wrap'>")}} {{cssinitialshorthand("flex-flow", "flex-direction flex-wrap")}} {{cssnotinherited("flex-flow")}} {{cssmediadef("flex-flow", "visual")}}
{{cssxref("flex-grow")}} {{csssyntaxdef("flex-grow","<number>")}} {{cssinitialdef("flex-grow", "0")}} {{cssnotinherited("flex-grow")}} {{cssmediadef("flex-grow", "visual")}}
{{cssxref("flex-shrink")}} {{csssyntaxdef("flex-shrink","<number>")}} {{cssinitialdef("flex-shrink", "1")}} {{cssnotinherited("flex-shrink")}} {{cssmediadef("flex-shrink", "visual")}}
{{cssxref("flex")}} {{csssyntaxdef("flex","none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]")}} {{cssinitialshorthand("flex", "flex-grow flex-shrink flex-basis")}} {{cssnotinherited("flex")}} {{cssmediadef("flex", "visual")}}
{{cssxref("flex-wrap")}} {{csssyntaxdef("flex-wrap","nowrap | wrap | wrap-reverse")}} {{cssinitialdef("flex-wrap", "nowrap")}} {{cssnotinherited("flex-wrap")}} {{cssmediadef("flex-wrap", "visual")}}
{{cssxref("justify-content")}} {{csssyntaxdef("justify-content","flex-start | flex-end | center | space-between | space-around")}} {{cssinitialdef("justify-content", "flex-start")}} {{cssnotinherited("justify-content")}} {{cssmediadef("justify-content", "visual")}}
{{cssxref("order")}} {{csssyntaxdef("order","<integer>")}} {{cssinitialdef("order", "0")}} {{cssnotinherited("order")}} {{cssmediadef("order", "visual")}}
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")}}
{{cssinitialshorthand("background", "background-image background-position background-size background-repeat background-style background-clip background-color")}} {{cssnotinherited("background")}} {{cssmediadef("background", "visual")}}
{{cssxref("background-attachment")}} {{csssyntaxdef("background-attachment","<attachment>#")}}
{{csssyntaxdef("attachment", "scroll | fixed | local", "non-terminal")}}
{{cssinitialdef("background-attachment", "scroll")}} {{cssnotinherited("background-attachment")}} {{cssmediadef("background-attachment", "visual")}}
{{cssxref("background-clip")}} {{csssyntaxdef("background-clip","<box>#")}}
{{csssyntaxdef("box", "border-box | padding-box | content-box", "non-terminal")}}
{{cssinitialdef("background-clip", "border-box")}} {{cssnotinherited("background-clip")}} {{cssmediadef("background-clip", "visual")}}
{{cssxref("background-color")}} {{csssyntaxdef("background-color","<color>")}} {{cssinitialdef("background-color", "transparent")}} {{cssnotinherited("background-color")}} {{cssmediadef("background-color", "visual")}}
{{cssxref("background-image")}} {{csssyntaxdef("background-image","<bg-image>#")}}
{{csssyntaxdef("bg-image", "none | <image>", "non-terminal")}}
{{cssinitialdef("background-image", "none")}} {{cssnotinherited("background-image")}} {{cssmediadef("background-image", "visual")}}
{{cssxref("background-origin")}} {{csssyntaxdef("background-origin","<box>#")}} {{cssinitialdef("background-origin", "padding-box")}} {{cssnotinherited("background-origin")}} {{cssmediadef("background-origin", "visual")}}
{{cssxref("background-position")}} {{csssyntaxdef("background-position","<position>#")}} {{cssinitialdef("background-position", "0% 0%")}} {{cssnotinherited("background-position")}} {{cssmediadef("background-position", "visual")}}
{{cssxref("background-repeat")}} {{csssyntaxdef("background-repeat","<repeat-style>#")}}
{{csssyntaxdef("repeat-style", "repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2}", "non-terminal")}}
{{cssinitialdef("background-repeat", "repeat")}} {{cssnotinherited("background-repeat")}} {{cssmediadef("background-repeat", "visual")}}
{{cssxref("background-size")}} {{csssyntaxdef("background-size","<bg-size>#")}}
{{csssyntaxdef("bg-size", "[ <length> | <percentage> | auto ]{1,2} | cover | contain", "non-terminal")}}
{{cssinitialdef("background-size", "auto auto")}} {{cssnotinherited("background-size")}} {{cssmediadef("background-size", "visual")}}
{{cssxref("border")}} {{csssyntaxdef("border","<br-width> || <br-style> || <color>")}} {{cssinitialshorthand("border", "border-width border-style border-color")}} {{cssnotinherited("border")}} {{cssmediadef("border", "visual")}}
{{cssxref("border-bottom")}} {{csssyntaxdef("border-bottom","<br-width> || <br-style> || <color>")}} {{cssinitialshorthand("border-bottom", "border-bottom-width border-bottom-style border-bottom-color")}} {{cssnotinherited("border-bottom")}} {{cssmediadef("border-bottom", "visual")}}
{{cssxref("border-bottom-color")}} {{csssyntaxdef("border-bottom-color","<color>")}} {{cssinitialdef("border-bottom-color", "currentColor")}} {{cssnotinherited("border-bottom-color")}} {{cssmediadef("border-bottom-color", "visual")}}
{{cssxref("border-bottom-left-radius")}} {{csssyntaxdef("border-bottom-left-radius","[ <length> | <percentage> ]{1,2}")}} {{cssinitialdef("border-bottom-left-radius", "0")}} {{cssnotinherited("border-bottom-left-radius")}} {{cssmediadef("border-bottom-left-radius", "visual")}}
{{cssxref("border-bottom-right-radius")}} {{csssyntaxdef("border-bottom-right-radius","[ <length> | <percentage> ]{1,2}")}} {{cssinitialdef("border-bottom-right-radius", "0")}} {{cssnotinherited("border-bottom-right-radius")}} {{cssmediadef("border-bottom-right-radius", "visual")}}
{{cssxref("border-bottom-style")}} {{csssyntaxdef("border-bottom-style","<br-style>")}} {{cssinitialdef("border-bottom-style", "none")}} {{cssnotinherited("border-bottom-style")}} {{cssmediadef("border-bottom-style", "visual")}}
{{cssxref("border-bottom-width")}} {{csssyntaxdef("border-bottom-width","<br-width>")}} {{cssinitialdef("border-bottom-width", "medium")}} {{cssnotinherited("border-bottom-width")}} {{cssmediadef("border-bottom-width", "visual")}}
{{cssxref("border-color")}} {{csssyntaxdef("border-color", "<color>{1,4}")}} {{cssinitialshorthand("border-color", "border-bottom-color border-left-color border-right-color border-top-color")}} {{cssnotinherited("border-color")}} {{cssmediadef("border-color", "visual")}}
{{cssxref("border-image")}} {{csssyntaxdef("border-image","<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>")}} {{cssinitialshorthand("border-image", "border-image-source border-image-slice border-image-width border-image-outset border-image-repeat")}} {{cssnotinherited("border-image")}} {{cssmediadef("border-image", "visual")}}
{{cssxref("border-image-outset")}} {{csssyntaxdef("border-image-outset","[ <length> | <number> ]{1,4}")}} {{cssinitialdef("border-image-outset", "0s")}} {{cssnotinherited("border-image-outset")}} {{cssmediadef("border-image-outset", "visual")}}
{{cssxref("border-image-repeat")}} {{csssyntaxdef("border-image-repeat","[ stretch | repeat | round ]{1,2}")}} {{cssinitialdef("border-image-repeat", "stretch")}} {{cssnotinherited("border-image-repeat")}} {{cssmediadef("border-image-repeat", "visual")}}
{{cssxref("border-image-slice")}} {{csssyntaxdef("border-image-slice","[<number> | <percentage>]{1,4} && fill?")}} {{cssinitialdef("border-image-slice", "100%")}} {{cssnotinherited("border-image-slice")}} {{cssmediadef("border-image-slice", "visual")}}
{{cssxref("border-image-source")}} {{csssyntaxdef("border-image-source","none | <image>")}} {{cssinitialdef("border-image-source", "none")}} {{cssnotinherited("border-image-source")}} {{cssmediadef("border-image-source", "visual")}}
{{cssxref("border-image-width")}} {{csssyntaxdef("border-image-width","[ <length> | <percentage> | <number> | auto ]{1,4}")}} {{cssinitialdef("border-image-width", "1")}} {{cssnotinherited("border-image-width")}} {{cssmediadef("border-image-width", "visual")}}
{{cssxref("border-left")}} {{csssyntaxdef("border-left","<br-width> || <br-style> || <color>")}} {{cssinitialshorthand("border-left", "border-left-width border-left-style border-left-color")}} {{cssnotinherited("border-left")}} {{cssmediadef("border-left", "visual")}}
{{cssxref("border-left-color")}} {{csssyntaxdef("border-left-color","<color>")}} {{cssinitialdef("border-left-color", "currentColor")}} {{cssnotinherited("border-left-color")}} {{cssmediadef("border-left-color", "visual")}}
{{cssxref("border-left-style")}} {{csssyntaxdef("border-left-style","<br-style>")}} {{cssinitialdef("border-left-style", "none")}} {{cssnotinherited("border-left-style")}} {{cssmediadef("border-left-style", "visual")}}
{{cssxref("border-left-width")}} {{csssyntaxdef("border-left-width","<br-width>")}} {{cssinitialdef("border-left-width", "medium")}} {{cssnotinherited("border-left-width")}} {{cssmediadef("border-left-width", "visual")}}
{{cssxref("border-radius")}} {{csssyntaxdef("border-radius","[ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]?")}} {{cssinitialshorthand("border-radius", "border-bottom-left-radius border-bottom-right-radius border-top-left-radius border-top-right-radius")}} {{cssnotinherited("border-radius")}} {{cssmediadef("border-radius", "visual")}}
{{cssxref("border-right")}} {{csssyntaxdef("border-right","<br-width> || <br-style> || <color>")}} {{cssinitialshorthand("border-right", "border-right-width border-right-style border-right-color")}} {{cssnotinherited("border-right")}} {{cssmediadef("border-right", "visual")}}
{{cssxref("border-right-color")}} {{csssyntaxdef("border-right-color","<color>")}} {{cssinitialdef("border-right-color", "currentColor")}} {{cssnotinherited("border-right-color")}} {{cssmediadef("border-right-color", "visual")}}
{{cssxref("border-right-style")}} {{csssyntaxdef("border-right-style","<br-style>")}} {{cssinitialdef("border-right-style", "none")}} {{cssnotinherited("border-right-style")}} {{cssmediadef("border-right-style", "visual")}}
{{cssxref("border-right-width")}} {{csssyntaxdef("border-right-width","<br-width>")}} {{cssinitialdef("border-right-width", "medium")}} {{cssnotinherited("border-right-width")}} {{cssmediadef("border-right-width", "visual")}}
{{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")}}
{{cssinitialshorthand("border-style", "border-bottom-style border-left-style border-right-style border-bottom-style")}} {{cssnotinherited("border-style")}} {{cssmediadef("border-style", "visual")}}
{{cssxref("border-top")}} {{csssyntaxdef("border-top","<br-width> || <br-style> || <color>")}} {{cssinitialshorthand("border-top", "border-top-width border-top-style border-top-color")}} {{cssnotinherited("border-top")}} {{cssmediadef("border-top", "visual")}}
{{cssxref("border-top-color")}} {{csssyntaxdef("border-top-color","<color>")}} {{cssinitialdef("border-top-color", "currentColor")}} {{cssnotinherited("border-top-color")}} {{cssmediadef("border-top-color", "visual")}}
{{cssxref("border-top-left-radius")}} {{csssyntaxdef("border-top-left-radius","[ <length> | <percentage> ]{1,2}")}} {{cssinitialdef("border-top-left-radius", "0")}} {{cssnotinherited("border-top-left-radius")}} {{cssmediadef("border-top-left-radius", "visual")}}
{{cssxref("border-top-right-radius")}} {{csssyntaxdef("border-top-right-radius","[ <length> | <percentage> ]{1,2}")}} {{cssinitialdef("border-top-right-radius", "0")}} {{cssnotinherited("border-top-right-radius")}} {{cssmediadef("border-top-right-radius", "visual")}}
{{cssxref("border-top-style")}} {{csssyntaxdef("border-top-style","<br-style>")}} {{cssinitialdef("border-top-style", "none")}} {{cssnotinherited("border-top-style")}} {{cssmediadef("border-top-style", "visual")}}
{{cssxref("border-top-width")}} {{csssyntaxdef("border-top-width","<br-width>")}} {{cssinitialdef("border-top-width", "medium")}} {{cssnotinherited("border-top-width")}} {{cssmediadef("border-top-width", "visual")}}
{{cssxref("border-width")}} {{csssyntaxdef("border-width","<br-width>{1,4}")}}
{{csssyntaxdef("br-width", "<length> | thin | medium | thick", "non-terminal")}}
{{cssinitialshorthand("border-width", "border-bottom-width border-left-width border-right-width border-bottom-width")}} {{cssnotinherited("border-width")}} {{cssmediadef("border-width", "visual")}}
Box Model
Property Syntax Initial value Inherited Media
{{cssxref("box-decoration-break")}} {{csssyntaxdef("box-decoration-break","slice | clone")}} {{cssinitialdef("box-decoration-break", "slice")}} {{cssnotinherited("box-decoration-break")}} {{cssmediadef("box-decoration-break", "visual")}}
{{cssxref("box-shadow")}} {{csssyntaxdef("box-shadow","none | <shadow>#")}}
{{csssyntaxdef("shadow","inset? && [ <length>{2,4} && <color>? ]", "non-terminal")}}
{{cssinitialdef("box-shadow", "none")}} {{cssnotinherited("box-shadow")}} {{cssmediadef("box-shadow", "visual")}}
{{cssxref("margin")}} {{csssyntaxdef("margin", "[ <length> | <percentage> | auto ]{1,4}")}} {{cssinitialshorthand("margin", "margin-bottom margin-left margin-right margin-top")}} {{cssnotinherited("margin")}} {{cssmediadef("margin", "visual")}}
{{cssxref("margin-bottom")}} {{csssyntaxdef("margin-bottom", "<length> | <percentage> | auto")}} {{cssinitialdef("margin-bottom", "0")}} {{cssnotinherited("margin-bottom")}} {{cssmediadef("margin-bottom", "visual")}}
{{cssxref("margin-left")}} {{csssyntaxdef("margin-left", "<length> | <percentage> | auto")}} {{cssinitialdef("margin-left", "0")}} {{cssnotinherited("margin-left")}} {{cssmediadef("margin-left", "visual")}}
{{cssxref("margin-right")}} {{csssyntaxdef("margin-right", "<length> | <percentage> | auto")}} {{cssinitialdef("margin-right", "0")}} {{cssnotinherited("margin-right")}} {{cssmediadef("margin-right", "visual")}}
{{cssxref("margin-top")}} {{csssyntaxdef("margin-top", "<length> | <percentage> | auto")}} {{cssinitialdef("margin-top", "0")}} {{cssnotinherited("margin-top")}} {{cssmediadef("margin-top", "visual")}}
{{cssxref("padding")}} {{csssyntaxdef("padding", "[ <length> | <percentage> ]{1,4}")}} {{cssinitialshorthand("padding", "padding-bottom padding-left padding-right padding-top")}} {{cssnotinherited("padding")}} {{cssmediadef("padding", "visual")}}
{{cssxref("padding-bottom")}} {{csssyntaxdef("padding-bottom", "<length> | <percentage>")}} {{cssinitialdef("padding-bottom", "0")}} {{cssnotinherited("padding-bottom")}} {{cssmediadef("padding-bottom", "visual")}}
{{cssxref("padding-left")}} {{csssyntaxdef("padding-left", "<length> | <percentage>")}} {{cssinitialdef("padding-left", "0")}} {{cssnotinherited("padding-left")}} {{cssmediadef("padding-left", "visual")}}
{{cssxref("padding-right")}} {{csssyntaxdef("padding-right", "<length> | <percentage>")}} {{cssinitialdef("padding-right", "0")}} {{cssnotinherited("padding-right")}} {{cssmediadef("padding-right", "visual")}}
{{cssxref("padding-top")}} {{csssyntaxdef("padding-top", "<length> | <percentage>")}} {{cssinitialdef("padding-top", "0")}} {{cssnotinherited("padding-top")}} {{cssmediadef("padding-top", "visual")}}
{{cssxref("box-sizing")}} {{csssyntaxdef("box-sizing", "content-box | padding-box | border-box")}} {{cssinitialdef("box-sizing", "content-box")}} {{cssnotinherited("box-sizing")}} {{cssmediadef("box-sizing", "visual")}}
{{cssxref("max-height")}} {{csssyntaxdef("max-height", "<length> | <percentage> | none | max-content | min-content | fit-content | fill-available")}} {{cssinitialdef("max-height", "none")}} {{cssnotinherited("max-height")}} {{cssmediadef("max-height", "visual")}}
{{cssxref("min-height")}} {{csssyntaxdef("min-height", "<length> | <percentage> | auto | max-content | min-content | fit-content | fill-available")}} {{cssinitialstartdef("min-height")}}auto (which always resolves to 0 on non-flex items){{cssinitialenddef}} {{cssnotinherited("min-height")}} {{cssmediadef("min-height", "visual")}}
{{cssxref("height")}} {{csssyntaxdef("height", "auto | <length> | <percentage>")}} {{cssinitialdef("height", "auto")}} {{cssnotinherited("height")}} {{cssmediadef("height", "visual")}}
{{cssxref("max-width")}} {{csssyntaxdef("max-width", "<length> | <percentage> | none | max-content | min-content | fit-content | fill-available")}} {{cssinitialdef("max-width", "none")}} {{cssnotinherited("max-width")}} {{cssmediadef("max-width", "visual")}}
{{cssxref("min-width")}} {{csssyntaxdef("min-width", "<length> | <percentage> | auto | max-content | min-content | fit-content | fill-available")}} {{cssinitialstartdef("min-width")}}auto (which always resolves to 0 on non-flex items){{cssinitialenddef}} {{cssnotinherited("min-width")}} {{cssmediadef("min-width", "visual")}}
{{cssxref("width")}} {{csssyntaxdef("width","[<length> | <percentage>] && [border-box | content-box]? | available | min-content | max-content | fit-content | auto")}} {{cssinitialdef("width", "auto")}} {{cssnotinherited("width")}} {{cssmediadef("width", "visual")}}
{{cssxref("overflow")}} {{csssyntaxdef("overflow","visible | hidden | scroll | auto")}} {{cssinitialdef("overflow", "visible")}} {{cssnotinherited("overflow")}} {{cssmediadef("overflow", "visual")}}
{{cssxref("overflow-x")}} {{csssyntaxdef("overflow-x","visible | hidden | scroll | auto")}} {{cssinitialdef("overflow-x", "visible")}} {{cssnotinherited("overflow-x")}} {{cssmediadef("overflow-x", "visual")}}
{{cssxref("overflow-y")}} {{csssyntaxdef("overflow-y","visible | hidden | scroll | auto")}} {{cssinitialdef("overflow-y", "visible")}} {{cssnotinherited("overflow-y")}} {{cssmediadef("overflow-y", "visual")}}
{{cssxref("visibility")}} {{csssyntaxdef("visibility", "visible | hidden | collapse")}} {{cssinitialdef("visibility", "visible")}} {{cssdoesinherit("visibility")}} {{cssmediadef("visibility", "visual")}}
Table
Property Syntax Initial value Inherited Media
{{cssxref("border-collapse")}} {{csssyntaxdef("border-collapse", "collapse | separate")}} {{cssinitialdef("border-collapse", "separate")}} {{cssdoesinherit("border-collapse")}} {{cssmediadef("border-collapse", "visual")}}
{{cssxref("border-spacing")}} {{csssyntaxdef("border-spacing","<length> <length>?")}} {{cssinitialdef("border-spacing", "0")}} {{cssdoesinherit("border-spacing")}} {{cssmediadef("border-spacing", "visual")}}
{{cssxref("caption-side")}} {{csssyntaxdef("caption-side", "top | bottom")}} {{cssinitialdef("caption-side", "top")}} {{cssdoesinherit("caption-side")}} {{cssmediadef("caption-side", "visual")}}
{{cssxref("empty-cells")}} {{csssyntaxdef("empty-cells", "show | hide")}} {{cssinitialdef("empty-cells", "show")}} {{cssdoesinherit("empty-cells")}} {{cssmediadef("empty-cells", "visual")}}
{{cssxref("table-layout")}} {{csssyntaxdef("table-layout", "auto | fixed")}} {{cssinitialdef("table-layout", "auto")}} {{cssnotinherited("table-layout")}} {{cssmediadef("table-layout", "visual")}}
{{cssxref("vertical-align")}} {{csssyntaxdef("vertical-align", "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>")}} {{cssinitialdef("vertical-align", "baseline")}} {{cssnotinherited("vertical-align")}} {{cssmediadef("vertical-align", "visual")}}
Positioning    
Property Syntax Initial value Inherited Media
{{cssxref("bottom")}} {{csssyntaxdef("bottom", "<length> | <percentage> | auto")}} {{cssinitialdef("bottom", "auto")}} {{cssnotinherited("bottom")}} {{cssmediadef("bottom", "visual")}}
{{cssxref("left")}} {{csssyntaxdef("left", "<length> | <percentage> | auto")}} {{cssinitialdef("left", "auto")}} {{cssnotinherited("left")}} {{cssmediadef("left", "visual")}}
{{cssxref("right")}} {{csssyntaxdef("right", "<length> | <percentage> | auto")}} {{cssinitialdef("right", "auto")}} {{cssnotinherited("right")}} {{cssmediadef("right", "visual")}}
{{cssxref("top")}} {{csssyntaxdef("top", "<length> | <percentage> | auto")}} {{cssinitialdef("top", "auto")}} {{cssnotinherited("top")}} {{cssmediadef("top", "visual")}}
{{cssxref("float")}} {{csssyntaxdef("float", "left | right | none")}} {{cssinitialdef("float", "none")}} {{cssnotinherited("float")}} {{cssmediadef("float", "visual")}}
{{cssxref("clear")}} {{csssyntaxdef("clear", "none | left | right | both")}} {{cssinitialdef("clear", "none")}} {{cssnotinherited("clear")}} {{cssmediadef("clear", "visual")}}
{{cssxref("position")}} {{csssyntaxdef("position", "static | relative | absolute | fixed")}} {{cssinitialdef("position", "static")}} {{cssnotinherited("position")}} {{cssmediadef("position", "visual")}}
{{cssxref("z-index")}} {{csssyntaxdef("z-index", "auto | <integer>")}} {{cssinitialdef("z-index", "auto")}} {{cssnotinherited("z-index")}} {{cssmediadef("z-index", "visual")}}
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")}} {{cssinitialshorthand("font", "font-style font-variant font-weight font-stretch font-size line-height font-family")}} {{cssdoesinherit("font")}} {{cssmediadef("font", "visual")}}
{{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")}}
{{cssinitialstartdef("font-family")}}depends on user agent{{cssinitialenddef}} {{cssdoesinherit("font-family")}} {{cssmediadef("font-family", "visual")}}
{{cssxref("font-variant")}} {{csssyntaxdef("font-variant", "normal | small-caps ")}} {{cssinitialdef("font-variant", "normal")}} {{cssdoesinherit("font-variant")}} {{cssmediadef("font-variant", "visual")}}
{{cssxref("font-weight")}} {{csssyntaxdef("font-weight", "normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900")}} {{cssinitialdef("font-weight", "normal")}} {{cssdoesinherit("font-weight")}} {{cssmediadef("font-weight", "visual")}}
{{cssxref("font-stretch")}} {{csssyntaxdef("font-stretch", "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded")}} {{cssinitialdef("font-stretch", "normal")}} {{cssdoesinherit("font-stretch")}} {{cssmediadef("font-stretch", "visual")}}
{{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")}}
{{cssinitialdef("font-size", "medium")}} {{cssdoesinherit("font-size")}} {{cssmediadef("font-size", "visual")}}
{{cssxref("line-height")}} {{csssyntaxdef("line-height", "normal | <number> | <length> | <percentage>")}} {{cssinitialdef("line-height", "normal")}} {{cssdoesinherit("line-height")}} {{cssmediadef("line-height", "visual")}}
{{cssxref("font-feature-settings")}} {{csssyntaxdef("font-feature-settings", "normal | <feature-tag-value>#")}}
{{csssyntaxdef("feature-tag-value", "<string> [ <integer> | on | off ]?", "non-terminal")}}
{{cssinitialdef("font-feature-settings", "normal")}} {{cssdoesinherit("font-feature-settings")}} {{cssmediadef("font-feature-settings", "visual")}}
{{cssxref("font-size-adjust")}} {{csssyntaxdef("font-size-adjust", "none | auto | <number>")}} {{cssinitialdef("font-size-adjust", "none")}} {{cssdoesinherit("font-size-adjust")}} {{cssmediadef("font-size-adjust", "visual")}}
{{cssxref("font-style")}} {{csssyntaxdef("font-style", "normal | italic | oblique")}} {{cssinitialdef("font-style", "normal")}} {{cssdoesinherit("font-style")}} {{cssmediadef("font-style", "visual")}}
Images
Property Syntax Initial value Inherited Media
{{cssxref("image-rendering")}} {{csssyntaxdef("image-rendering", "auto | crisp-edges | pixelated")}} {{cssinitialdef("image-rendering", "auto")}} {{cssdoesinherit("image-rendering")}} {{cssmediadef("image-rendering", "visual")}}
{{cssxref("image-orientation")}} {{csssyntaxdef("image-orientation", "<angle>")}} {{cssinitialdef("image-orientation", "0deg")}} {{cssdoesinherit("image-orientation")}} {{cssmediadef("image-orientation", "visual")}}
Counters & Lists
Property Syntax Initial value Inherited Media
{{cssxref("counter-increment")}} {{csssyntaxdef("counter-increment", "[<user-ident> <integer>?]+ | none")}} {{cssinitialdef("counter-increment", "none")}} {{cssnotinherited("counter-increment")}} {{cssmediadef("counter-increment", "all")}}
{{cssxref("counter-reset")}} {{csssyntaxdef("counter-reset", "[<user-ident> <integer>?]+ | none")}} {{cssinitialdef("counter-reset", "none")}} {{cssnotinherited("counter-reset")}} {{cssmediadef("counter-reset", "all")}}
{{cssxref("list-style")}} {{csssyntaxdef("list-style","<'list-style-image'> || <'list-style-position'> || <'list-style-type'>")}} {{cssinitialshorthand("list-style", "list-style-image list-style-position list-style-type")}} {{cssdoesinherit("list-style")}} {{cssmediadef("list-style", "visual")}}
{{cssxref("list-style-image")}} {{csssyntaxdef("list-style-image","<uri> | none")}} {{cssinitialdef("list-style-image", "none")}} {{cssdoesinherit("list-style-image")}} {{cssmediadef("list-style-image", "visual")}}
{{cssxref("list-style-position")}} {{csssyntaxdef("list-style-position","inside | outside")}} {{cssinitialdef("list-style-position", "outside")}} {{cssdoesinherit("list-style-position")}} {{cssmediadef("list-style-position", "visual")}}
{{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")}} {{cssinitialdef("list-style-type", "disc")}} {{cssdoesinherit("list-style-type")}} {{cssmediadef("list-style-type", "visual")}}
Page
Property Syntax Initial value Inherited Media
{{cssxref("orphans")}} {{csssyntaxdef("orphans", "<integer>")}} {{cssinitialdef("orphans", "2")}} {{cssdoesinherit("orphans")}} {{cssmediadef("orphans", "visual, paged")}}
{{cssxref("page-break-after")}} {{csssyntaxdef("page-break-after", "auto | always | avoid | left | right")}} {{cssinitialdef("page-break-after", "auto")}} {{cssnotinherited("page-break-after")}} {{cssmediadef("page-break-after", "visual, paged")}}
{{cssxref("page-break-before")}} {{csssyntaxdef("page-break-before", "auto | always | avoid | left | right")}} {{cssinitialdef("page-break-before", "auto")}} {{cssnotinherited("page-break-before")}} {{cssmediadef("page-break-before", "visual, paged")}}
{{cssxref("page-break-inside")}} {{csssyntaxdef("page-break-inside", "auto | always")}} {{cssinitialdef("page-break-inside", "auto")}} {{cssnotinherited("page-break-inside")}} {{cssmediadef("page-break-inside", "visual, paged")}}
{{cssxref("widows")}} {{csssyntaxdef("widows", "<integer>")}} {{cssinitialdef("widows", "2")}} {{cssdoesinherit("widows")}} {{cssmediadef("widows", "visual, paged")}}
User interface
Property Syntax Initial value Inherited Media
{{cssxref("outline")}} {{csssyntaxdef("outline", "<'outline-color'> || <'outline-width'> || <'outline-style'>")}} {{cssinitialshorthand("outline", "outline-color outlien-width outline-style")}} {{cssnotinherited("outline")}} {{cssmediadef("outline", "visual, interactive")}}
{{cssxref("outline-color")}} {{csssyntaxdef("outline-color", "<color> | invert")}} {{cssinitialstartdef("outline-color")}}invert, for browsers supporting it, currentColor for the other{{cssinitialenddef}} {{cssnotinherited("outline-color")}} {{cssmediadef("outline-color", "visual, interactive")}}
{{cssxref("outline-width")}} {{csssyntaxdef("outline-width", "<br-width>")}} {{cssinitialdef("outline-width", "medium")}} {{cssnotinherited("outline-width")}} {{cssmediadef("outline-width", "visual, interactive")}}
{{cssxref("outline-style")}} {{csssyntaxdef("outline-style", "<br-style>")}} {{cssinitialdef("outline-style", "none")}} {{cssnotinherited("outline-style")}} {{cssmediadef("outline-style", "visual, interactive")}}
{{cssxref("outline-offset")}} {{csssyntaxdef("outline-offset", "<length>")}} {{cssinitialdef("outline-offset", "0")}} {{cssnotinherited("outline-offset")}} {{cssmediadef("outline-offset", "visual, interactive")}}
{{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 ] ]")}} {{cssinitialdef("cursor", "auto")}} {{cssdoesinherit("cursor")}} {{cssmediadef("cursor", "visual, interactive")}}
{{cssxref("resize")}} {{csssyntaxdef("resize", "none | both | horizontal | vertical")}} {{cssinitialdef("resize", "none")}} {{cssnotinherited("resize")}} {{cssmediadef("resize", "visual")}}
{{cssxref("text-overflow")}} {{csssyntaxdef("text-overflow", "[ clip | ellipsis | <string> ]{1,2}")}} {{cssinitialdef("text-overflow", "clip")}} {{cssnotinherited("text-overflow")}} {{cssmediadef("text-overflow", "visual")}}
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 ]+")}} {{cssinitialdef("content", "normal")}} {{cssnotinherited("content")}} {{cssmediadef("content", "all")}}
{{cssxref("quotes")}} {{csssyntaxdef("quotes", "[<string> <string>]+ | none")}} {{cssinitialstartdef("quotes")}}user agent specific{{cssinitialenddef}} {{cssdoesinherit("quotes")}} {{cssmediadef("quotes", "visual")}}
Miscellaneous
Property Syntax Initial value Inherited Media
{{cssxref("clip")}} {{csssyntaxdef("clip", "<shape> | auto")}}
{{csssyntaxdef("shape", "rect(<top>, <right>, <bottom>, <left>)", "non-terminal")}}
{{cssinitialdef("clip", "auto")}} {{cssnotinherited("clip")}} {{cssmediadef("clip", "visual")}}
{{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")}} {{cssinitialdef("display", "inline")}} {{cssnotinherited("display")}} {{cssmediadef("display", "all")}}
{{cssxref("unicode-bidi")}} {{csssyntaxdef("unicode-bidi", "normal | embed | isolate | bidi-override | isolate-override | plaintext")}} {{cssinitialdef("unicode-bidi", "normal")}} {{cssnotinherited("unicode-bidi")}} {{cssmediadef("unicode-bidi", "visual")}}
{{cssxref("ime-mode")}} {{csssyntaxdef("ime-mode", "auto | normal | active | inactive | disabled")}} {{cssinitialdef("ime-mode", "auto")}} {{cssnotinherited("ime-mode")}} {{cssmediadef("ime-mode", "interactive")}}

 

Revision Source

<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>{{cssinitialshorthand("animation", "animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction animation-fill-mode")}}</td>
      <td>{{cssnotinherited("animation")}}</td>
      <td>{{cssmediadef("animation", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-delay")}}</td>
      <td>{{csssyntaxdef("animation-delay","&lt;time&gt;#")}}</td>
      <td>{{cssinitialdef("animation-delay", "0s")}}</td>
      <td>{{cssnotinherited("animation-delay")}}</td>
      <td>{{cssmediadef("animation-delay", "visual")}}</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>{{cssinitialdef("animation-direction", "normal")}}</td>
      <td>{{cssnotinherited("animation-direction")}}</td>
      <td>{{cssmediadef("animation-direction", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-duration")}}</td>
      <td>{{csssyntaxdef("animation-duration","&lt;time&gt;#")}}</td>
      <td>{{cssinitialdef("animation-duration", "0s")}}</td>
      <td>{{cssnotinherited("animation-duration")}}</td>
      <td>{{cssmediadef("animation-duration", "visual")}}</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>{{cssinitialdef("animation-fill-mode", "none")}}</td>
      <td>{{cssnotinherited("animation-fill-mode")}}</td>
      <td>{{cssmediadef("animation-fill-mode", "visual")}}</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>{{cssinitialdef("animation-iteration-count", "1")}}</td>
      <td>{{cssnotinherited("animation-iteration-count")}}</td>
      <td>{{cssmediadef("animation-iteration-count", "visual")}}</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>{{cssinitialdef("animation-name", "none")}}</td>
      <td>{{cssnotinherited("animation-name")}}</td>
      <td>{{cssmediadef("animation-name", "visual")}}</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", "running | paused", "non-terminal")}}</td>
      <td>{{cssinitialdef("animation-play-state", "running")}}</td>
      <td>{{cssnotinherited("animation-play-state")}}</td>
      <td>{{cssmediadef("animation-play-state", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-timing-function")}}</td>
      <td>{{csssyntaxdef("animation-timing-function", "&lt;timing-function&gt;#")}}</td>
      <td>{{cssinitialdef("animation-timing-function", "ease")}}</td>
      <td>{{cssnotinherited("animation-timing-function")}}</td>
      <td>{{cssmediadef("animation-timing-function", "visual")}}</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>{{cssinitialshorthand("transition", "transition-delay transition-duration transition-property transition-timing-function")}}</td>
      <td>{{cssnotinherited("transition")}}</td>
      <td>{{cssmediadef("transition", "interactive")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("transition-delay")}}</td>
      <td>{{csssyntaxdef("transition-delay","&lt;time&gt;#")}}</td>
      <td>{{cssinitialdef("transition-delay", "0s")}}</td>
      <td>{{cssnotinherited("transition-delay")}}</td>
      <td>{{cssmediadef("transition-delay", "interactive")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("transition-duration")}}</td>
      <td>{{csssyntaxdef("transition-duration","&lt;time&gt;#")}}</td>
      <td>{{cssinitialdef("transition-duration", "0s")}}</td>
      <td>{{cssnotinherited("transition-duration")}}</td>
      <td>{{cssmediadef("transition-duration", "interactive")}}</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>{{cssinitialdef("transition-property", "all")}}</td>
      <td>{{cssnotinherited("transition-property")}}</td>
      <td>{{cssmediadef("transition-property", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("transition-timing-function")}}</td>
      <td>{{csssyntaxdef("transition-timing-function", "&lt;timing-function&gt;#")}}</td>
      <td>{{cssinitialdef("transition-timing-function", "ease")}}</td>
      <td>{{cssnotinherited("transition-timing-function")}}</td>
      <td>{{cssmediadef("transition-timing-function", "interactive")}}</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>{{cssinitialdef("transform", "none")}}</td>
      <td>{{cssnotinherited("transform")}}</td>
      <td>{{cssmediadef("transform", "visual")}}</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>{{cssinitialdef("transform-origin", "50% 50% 0")}}</td>
      <td>{{cssnotinherited("transform-origin")}}</td>
      <td>{{cssmediadef("transform-origin", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("transform-style")}}</td>
      <td>{{csssyntaxdef("transform-style", "flat | preserve-3d")}}</td>
      <td>{{cssinitialdef("transform-style", "flat")}}</td>
      <td>{{cssnotinherited("transform-style")}}</td>
      <td>{{cssmediadef("transform-style", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("perspective")}}</td>
      <td>{{csssyntaxdef("perspective", "none | &lt;length&gt;")}}</td>
      <td>{{cssinitialdef("perspective", "none")}}</td>
      <td>{{cssnotinherited("perspective")}}</td>
      <td>{{cssmediadef("perspective", "visual")}}</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>{{cssinitialdef("perspective-origin", "50% 50%")}}</td>
      <td>{{cssnotinherited("perspective-origin")}}</td>
      <td>{{cssmediadef("perspective-origin", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("backface-visibility")}}</td>
      <td>{{csssyntaxdef("backface-visibility", "visible | hidden")}}</td>
      <td>{{cssinitialdef("backface-visibility", "visible")}}</td>
      <td>{{cssnotinherited("backface-visibility")}}</td>
      <td>{{cssmediadef("backface-visibility", "visual")}}</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>{{cssinitialstartdef("color")}}Varies from one browser to another{{cssinitialenddef}}</td>
      <td>{{cssdoesinherit("color")}}</td>
      <td>{{cssmediadef("color", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("opacity")}}</td>
      <td>{{csssyntaxdef("opacity", "&lt;number&gt;")}}</td>
      <td>{{cssinitialdef("opacity", "1.0")}}</td>
      <td>{{cssnotinherited("opacity")}}</td>
      <td>{{cssmediadef("opacity", "visual")}}</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>{{cssinitialshorthand("columns", "column-width column-count")}}</td>
      <td>{{cssnotinherited("columns")}}</td>
      <td>{{cssmediadef("columns", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-width")}}</td>
      <td>{{csssyntaxdef("column-width", "&lt;length&gt; | auto")}}</td>
      <td>{{cssinitialdef("column-width", "auto")}}</td>
      <td>{{cssnotinherited("column-width")}}</td>
      <td>{{cssmediadef("column-width", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-count")}}</td>
      <td>{{csssyntaxdef("column-count", "&lt;number&gt; | auto")}}</td>
      <td>{{cssinitialdef("column-count", "auto")}}</td>
      <td>{{cssnotinherited("column-count")}}</td>
      <td>{{cssmediadef("column-count", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-gap")}}</td>
      <td>{{csssyntaxdef("column-gap", "&lt;length&gt; | normal")}}</td>
      <td>{{cssinitialdef("column-gap", "normal")}}</td>
      <td>{{cssnotinherited("column-gap")}}</td>
      <td>{{cssmediadef("column-gap", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-rule")}}</td>
      <td>{{csssyntaxdef("column-rule", "&lt;'column-rule-width'&gt; || &lt;'column-rule-style'&gt; || &lt;'column-rule-color'&gt;")}}</td>
      <td>{{cssinitialshorthand("column-rule", "column-rule-width column-rule-style column-rule-color")}}</td>
      <td>{{cssnotinherited("column-rule")}}</td>
      <td>{{cssmediadef("column-rule", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-rule-color")}}</td>
      <td>{{csssyntaxdef("column-rule-color", "&lt;color&gt;")}}</td>
      <td>{{cssinitialdef("column-rule-color", "currentColor")}}</td>
      <td>{{cssnotinherited("column-rule-color")}}</td>
      <td>{{cssmediadef("column-rule-color", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-rule-style")}}</td>
      <td>{{csssyntaxdef("column-rule-style", "&lt;br-style&gt;")}}</td>
      <td>{{cssinitialdef("column-rule-style", "none")}}</td>
      <td>{{cssnotinherited("column-rule-style")}}</td>
      <td>{{cssmediadef("column-rule-style", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-rule-width")}}</td>
      <td>{{csssyntaxdef("column-rule-width", "&lt;br-width&gt;")}}</td>
      <td>{{cssinitialdef("column-rule-width", "medium")}}</td>
      <td>{{cssnotinherited("column-rule-width")}}</td>
      <td>{{cssmediadef("column-rule-width", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("break-before")}}</td>
      <td>{{csssyntaxdef("break-before", "auto | always | avoid | left | right | page | column | avoid-page | avoid-colum")}}</td>
      <td>{{cssinitialdef("break-before", "auto")}}</td>
      <td>{{cssnotinherited("break-before")}}</td>
      <td>{{cssmediadef("break-before", "paged")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("break-after")}}</td>
      <td>{{csssyntaxdef("break-after", "auto | always | avoid | left | right | page | column | avoid-page | avoid-colum")}}</td>
      <td>{{cssinitialdef("break-after", "auto")}}</td>
      <td>{{cssnotinherited("break-after")}}</td>
      <td>{{cssmediadef("break-after", "paged")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("break-inside")}}</td>
      <td>{{csssyntaxdef("break-inside", "auto | avoid | avoid-page | avoid-column")}}</td>
      <td>{{cssinitialdef("break-inside", "auto")}}</td>
      <td>{{cssnotinherited("break-inside")}}</td>
      <td>{{cssmediadef("break-inside", "paged")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-span")}}</td>
      <td>{{csssyntaxdef("column-span", "none | all")}}</td>
      <td>{{cssinitialdef("column-span", "none")}}</td>
      <td>{{cssnotinherited("column-span")}}</td>
      <td>{{cssmediadef("column-span", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-fill")}}</td>
      <td>{{csssyntaxdef("column-fill", "auto | balance")}}</td>
      <td>{{cssinitialdef("column-fill", "balance")}}</td>
      <td>{{cssnotinherited("column-fill")}}</td>
      <td>{{cssmediastartdef("column-fill")}}<code>visual</code>, but, in continuous media, has no effect in overflow columns{{cssmediaenddef}}</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>{{csssyntaxdef("hyphens", "none | manual | auto")}}</td>
      <td>{{cssinitialdef("hyphens", "manual")}}</td>
      <td>{{cssdoesinherit("hyphens")}}</td>
      <td>{{cssmediadef("hyphens", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("letter-spacing")}}</td>
      <td>{{csssyntaxdef("letter-spacing", "normal | &lt;length&gt;")}}</td>
      <td>{{cssinitialdef("letter-spacing", "normal")}}</td>
      <td>{{cssdoesinherit("letter-spacing")}}</td>
      <td>{{cssmediadef("letter-spacing", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("word-wrap")}}</td>
      <td>{{csssyntaxdef("word-wrap", "normal | break-word")}}</td>
      <td>{{cssinitialdef("word-wrap", "normal")}}</td>
      <td>{{cssdoesinherit("word-wrap")}}</td>
      <td>{{cssmediadef("word-wrap", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("overflow-wrap")}}</td>
      <td>{{csssyntaxdef("overflow-wrap", "normal | break-word")}}</td>
      <td>{{cssinitialdef("overflow-wrap", "normal")}}</td>
      <td>{{cssdoesinherit("overflow-wrap")}}</td>
      <td>{{cssmediadef("overflow-wrap", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-transform")}}</td>
      <td>{{csssyntaxdef("text-transform", "none | capitalize | uppercase | lowercase | full-width")}}</td>
      <td>{{cssinitialdef("text-transform", "none")}}</td>
      <td>{{cssdoesinherit("text-transform")}}</td>
      <td>{{cssmediadef("text-transform", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("tab-size")}}</td>
      <td>{{csssyntaxdef("tab-size", "&lt;integer&gt;")}}</td>
      <td>{{cssinitialdef("tab-size", "8")}}</td>
      <td>{{cssdoesinherit("tab-size")}}</td>
      <td>{{cssmediadef("tab-size", "visual")}}</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>{{cssinitialstartdef("text-align")}}<code>start</code>, or a nameless value that acts as <code>left</code> if {{cssxref("direction")}} is <code>ltr</code>, <code>right</code> if {{cssxref("direction")}} is <code>rtl</code> if <code>start</code> is not supported by the browser.{{cssinitialenddef}}</td>
      <td>{{cssdoesinherit("text-align")}}</td>
      <td>{{cssmediadef("text-align", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-align-last")}}</td>
      <td>{{csssyntaxdef("text-align-last", "auto | start | end | left | right | center | justify")}}</td>
      <td>{{cssinitialdef("text-align-last", "auto")}}</td>
      <td>{{cssdoesinherit("text-align-last")}}</td>
      <td>{{cssmediadef("text-align-last", "visual")}}</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>{{cssinitialdef("text-indent", "0")}}</td>
      <td>{{cssdoesinherit("text-indent")}}</td>
      <td>{{cssmediadef("text-indent", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("direction")}}</td>
      <td>{{csssyntaxdef("direction", "ltr | rtl")}}</td>
      <td>{{cssinitialdef("direction", "ltr")}}</td>
      <td>{{cssdoesinherit("direction")}}</td>
      <td>{{cssmediadef("direction", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("white-space")}}</td>
      <td>{{csssyntaxdef("white-space", "normal | pre | nowrap | pre-wrap | pre-line")}}</td>
      <td>{{cssinitialdef("white-space", "normal")}}</td>
      <td>{{cssdoesinherit("white-space")}}</td>
      <td>{{cssmediadef("white-space", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("word-break")}}</td>
      <td>{{csssyntaxdef("word-break", "normal | break-all | keep-all")}}</td>
      <td>{{cssinitialdef("word-break", "normal")}}</td>
      <td>{{cssdoesinherit("word-break")}}</td>
      <td>{{cssmediadef("word-break", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("word-spacing")}}</td>
      <td>{{csssyntaxdef("word-spacing", "normal | &lt;length&gt;")}}</td>
      <td>{{cssinitialdef("word-spacing", "normal")}}</td>
      <td>{{cssdoesinherit("word-spacing")}}</td>
      <td>{{cssmediadef("word-spacing", "visual")}}</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>{{cssinitialshorthand("text-decoration", "text-decoration-color text-decoration-style text-decoration-line")}}</td>
      <td>{{cssnotinherited("text-decoration")}}</td>
      <td>{{cssmediadef("text-decoration", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration-color")}}</td>
      <td>{{csssyntaxdef("text-decoration-color", "&lt;color&gt;")}}</td>
      <td>{{cssinitialdef("text-decoration-color", "currentColor")}}</td>
      <td>{{cssnotinherited("text-decoration-color")}}</td>
      <td>{{cssmediadef("text-decoration-color", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration-style")}}</td>
      <td>{{csssyntaxdef("text-decoration-style", "solid | double | dotted | dashed | wavy")}}</td>
      <td>{{cssinitialdef("text-decoration-style", "solid")}}</td>
      <td>{{cssnotinherited("text-decoration-style")}}</td>
      <td>{{cssmediadef("text-decoration-style", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration-line")}}</td>
      <td>{{csssyntaxdef("text-decoration-line", "none | [ underline || overline || line-through || blink ]")}}</td>
      <td>{{cssinitialdef("text-decoration-line", "none")}}</td>
      <td>{{cssnotinherited("text-decoration-line")}}</td>
      <td>{{cssmediadef("text-decoration-line", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration-skip")}}</td>
      <td>{{csssyntaxdef("text-decoration-skip", "none | [ objects || spaces || ink || edges || box-decoration ]")}}</td>
      <td>{{cssinitialdef("text-decoration-skip", "objects")}}</td>
      <td>{{cssdoesinherit("text-decoration-skip")}}</td>
      <td>{{cssmediadef("text-decoration-skip", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-underline-position")}}</td>
      <td>{{csssyntaxdef("text-underline-position", "auto | alphabetic | [ under || [ left | right ] ]")}}</td>
      <td>{{cssinitialdef("text-underline-position", "auto")}}</td>
      <td>{{cssdoesinherit("text-underline-position")}}</td>
      <td>{{cssmediadef("text-underline-position", "visual")}}</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>{{cssinitialdef("align-content", "stretch")}}</td>
      <td>{{cssnotinherited("align-content")}}</td>
      <td>{{cssmediadef("align-content", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("align-items")}}</td>
      <td>{{csssyntaxdef("align-items", "flex-start | flex-end | center | baseline | stretch")}}</td>
      <td>{{cssinitialdef("align-items", "stretch")}}</td>
      <td>{{cssnotinherited("align-items")}}</td>
      <td>{{cssmediadef("align-items", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("align-self")}}</td>
      <td>{{csssyntaxdef("align-self","auto | flex-start | flex-end | center | baseline | stretch")}}</td>
      <td>{{cssinitialdef("align-self", "auto")}}</td>
      <td>{{cssnotinherited("align-self")}}</td>
      <td>{{cssmediadef("align-self", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-basis")}}</td>
      <td>{{csssyntaxdef("flex-basis","&lt;'width'&gt;")}}</td>
      <td>{{cssinitialdef("flex-basis", "auto")}}</td>
      <td>{{cssnotinherited("flex-basis")}}</td>
      <td>{{cssmediadef("flex-basis", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-direction")}}</td>
      <td>{{csssyntaxdef("flex-direction","row | row-reverse | column | column-reverse")}}</td>
      <td>{{cssinitialdef("flex-direction", "row")}}</td>
      <td>{{cssnotinherited("flex-direction")}}</td>
      <td>{{cssmediadef("flex-direction", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-flow")}}</td>
      <td>{{csssyntaxdef("flex-flow","&lt;'flex-direction'&gt; || &lt;'flex-wrap'&gt;")}}</td>
      <td>{{cssinitialshorthand("flex-flow", "flex-direction flex-wrap")}}</td>
      <td>{{cssnotinherited("flex-flow")}}</td>
      <td>{{cssmediadef("flex-flow", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-grow")}}</td>
      <td>{{csssyntaxdef("flex-grow","&lt;number&gt;")}}</td>
      <td>{{cssinitialdef("flex-grow", "0")}}</td>
      <td>{{cssnotinherited("flex-grow")}}</td>
      <td>{{cssmediadef("flex-grow", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-shrink")}}</td>
      <td>{{csssyntaxdef("flex-shrink","&lt;number&gt;")}}</td>
      <td>{{cssinitialdef("flex-shrink", "1")}}</td>
      <td>{{cssnotinherited("flex-shrink")}}</td>
      <td>{{cssmediadef("flex-shrink", "visual")}}</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>{{cssinitialshorthand("flex", "flex-grow flex-shrink flex-basis")}}</td>
      <td>{{cssnotinherited("flex")}}</td>
      <td>{{cssmediadef("flex", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-wrap")}}</td>
      <td>{{csssyntaxdef("flex-wrap","nowrap | wrap | wrap-reverse")}}</td>
      <td>{{cssinitialdef("flex-wrap", "nowrap")}}</td>
      <td>{{cssnotinherited("flex-wrap")}}</td>
      <td>{{cssmediadef("flex-wrap", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("justify-content")}}</td>
      <td>{{csssyntaxdef("justify-content","flex-start | flex-end | center | space-between | space-around")}}</td>
      <td>{{cssinitialdef("justify-content", "flex-start")}}</td>
      <td>{{cssnotinherited("justify-content")}}</td>
      <td>{{cssmediadef("justify-content", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("order")}}</td>
      <td>{{csssyntaxdef("order","&lt;integer&gt;")}}</td>
      <td>{{cssinitialdef("order", "0")}}</td>
      <td>{{cssnotinherited("order")}}</td>
      <td>{{cssmediadef("order", "visual")}}</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>{{cssinitialshorthand("background", "background-image background-position background-size background-repeat background-style background-clip background-color")}}</td>
      <td>{{cssnotinherited("background")}}</td>
      <td>{{cssmediadef("background", "visual")}}</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>{{cssinitialdef("background-attachment", "scroll")}}</td>
      <td>{{cssnotinherited("background-attachment")}}</td>
      <td>{{cssmediadef("background-attachment", "visual")}}</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>{{cssinitialdef("background-clip", "border-box")}}</td>
      <td>{{cssnotinherited("background-clip")}}</td>
      <td>{{cssmediadef("background-clip", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("background-color")}}</td>
      <td>{{csssyntaxdef("background-color","&lt;color&gt;")}}</td>
      <td>{{cssinitialdef("background-color", "transparent")}}</td>
      <td>{{cssnotinherited("background-color")}}</td>
      <td>{{cssmediadef("background-color", "visual")}}</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>{{cssinitialdef("background-image", "none")}}</td>
      <td>{{cssnotinherited("background-image")}}</td>
      <td>{{cssmediadef("background-image", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("background-origin")}}</td>
      <td>{{csssyntaxdef("background-origin","&lt;box&gt;#")}}</td>
      <td>{{cssinitialdef("background-origin", "padding-box")}}</td>
      <td>{{cssnotinherited("background-origin")}}</td>
      <td>{{cssmediadef("background-origin", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("background-position")}}</td>
      <td>{{csssyntaxdef("background-position","&lt;position&gt;#")}}</td>
      <td>{{cssinitialdef("background-position", "0% 0%")}}</td>
      <td>{{cssnotinherited("background-position")}}</td>
      <td>{{cssmediadef("background-position", "visual")}}</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>{{cssinitialdef("background-repeat", "repeat")}}</td>
      <td>{{cssnotinherited("background-repeat")}}</td>
      <td>{{cssmediadef("background-repeat", "visual")}}</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>{{cssinitialdef("background-size", "auto auto")}}</td>
      <td>{{cssnotinherited("background-size")}}</td>
      <td>{{cssmediadef("background-size", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border")}}</td>
      <td>{{csssyntaxdef("border","&lt;br-width&gt; || &lt;br-style&gt; || &lt;color&gt;")}}</td>
      <td>{{cssinitialshorthand("border", "border-width border-style border-color")}}</td>
      <td>{{cssnotinherited("border")}}</td>
      <td>{{cssmediadef("border", "visual")}}</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>{{cssinitialshorthand("border-bottom", "border-bottom-width border-bottom-style border-bottom-color")}}</td>
      <td>{{cssnotinherited("border-bottom")}}</td>
      <td>{{cssmediadef("border-bottom", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-color")}}</td>
      <td>{{csssyntaxdef("border-bottom-color","&lt;color&gt;")}}</td>
      <td>{{cssinitialdef("border-bottom-color", "currentColor")}}</td>
      <td>{{cssnotinherited("border-bottom-color")}}</td>
      <td>{{cssmediadef("border-bottom-color", "visual")}}</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>{{cssinitialdef("border-bottom-left-radius", "0")}}</td>
      <td>{{cssnotinherited("border-bottom-left-radius")}}</td>
      <td>{{cssmediadef("border-bottom-left-radius", "visual")}}</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>{{cssinitialdef("border-bottom-right-radius", "0")}}</td>
      <td>{{cssnotinherited("border-bottom-right-radius")}}</td>
      <td>{{cssmediadef("border-bottom-right-radius", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-style")}}</td>
      <td>{{csssyntaxdef("border-bottom-style","&lt;br-style&gt;")}}</td>
      <td>{{cssinitialdef("border-bottom-style", "none")}}</td>
      <td>{{cssnotinherited("border-bottom-style")}}</td>
      <td>{{cssmediadef("border-bottom-style", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-width")}}</td>
      <td>{{csssyntaxdef("border-bottom-width","&lt;br-width&gt;")}}</td>
      <td>{{cssinitialdef("border-bottom-width", "medium")}}</td>
      <td>{{cssnotinherited("border-bottom-width")}}</td>
      <td>{{cssmediadef("border-bottom-width", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-color")}}</td>
      <td>{{csssyntaxdef("border-color", "&lt;color&gt;{1,4}")}}</td>
      <td>{{cssinitialshorthand("border-color", "border-bottom-color border-left-color border-right-color border-top-color")}}</td>
      <td>{{cssnotinherited("border-color")}}</td>
      <td>{{cssmediadef("border-color", "visual")}}</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>{{cssinitialshorthand("border-image", "border-image-source border-image-slice border-image-width border-image-outset border-image-repeat")}}</td>
      <td>{{cssnotinherited("border-image")}}</td>
      <td>{{cssmediadef("border-image", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-outset")}}</td>
      <td>{{csssyntaxdef("border-image-outset","[ &lt;length&gt; | &lt;number&gt; ]{1,4}")}}</td>
      <td>{{cssinitialdef("border-image-outset", "0s")}}</td>
      <td>{{cssnotinherited("border-image-outset")}}</td>
      <td>{{cssmediadef("border-image-outset", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-repeat")}}</td>
      <td>{{csssyntaxdef("border-image-repeat","[ stretch | repeat | round ]{1,2}")}}</td>
      <td>{{cssinitialdef("border-image-repeat", "stretch")}}</td>
      <td>{{cssnotinherited("border-image-repeat")}}</td>
      <td>{{cssmediadef("border-image-repeat", "visual")}}</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>{{cssinitialdef("border-image-slice", "100%")}}</td>
      <td>{{cssnotinherited("border-image-slice")}}</td>
      <td>{{cssmediadef("border-image-slice", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-source")}}</td>
      <td>{{csssyntaxdef("border-image-source","none | &lt;image&gt;")}}</td>
      <td>{{cssinitialdef("border-image-source", "none")}}</td>
      <td>{{cssnotinherited("border-image-source")}}</td>
      <td>{{cssmediadef("border-image-source", "visual")}}</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>{{cssinitialdef("border-image-width", "1")}}</td>
      <td>{{cssnotinherited("border-image-width")}}</td>
      <td>{{cssmediadef("border-image-width", "visual")}}</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>{{cssinitialshorthand("border-left", "border-left-width border-left-style border-left-color")}}</td>
      <td>{{cssnotinherited("border-left")}}</td>
      <td>{{cssmediadef("border-left", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-left-color")}}</td>
      <td>{{csssyntaxdef("border-left-color","&lt;color&gt;")}}</td>
      <td>{{cssinitialdef("border-left-color", "currentColor")}}</td>
      <td>{{cssnotinherited("border-left-color")}}</td>
      <td>{{cssmediadef("border-left-color", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-left-style")}}</td>
      <td>{{csssyntaxdef("border-left-style","&lt;br-style&gt;")}}</td>
      <td>{{cssinitialdef("border-left-style", "none")}}</td>
      <td>{{cssnotinherited("border-left-style")}}</td>
      <td>{{cssmediadef("border-left-style", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-left-width")}}</td>
      <td>{{csssyntaxdef("border-left-width","&lt;br-width&gt;")}}</td>
      <td>{{cssinitialdef("border-left-width", "medium")}}</td>
      <td>{{cssnotinherited("border-left-width")}}</td>
      <td>{{cssmediadef("border-left-width", "visual")}}</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>{{cssinitialshorthand("border-radius", "border-bottom-left-radius border-bottom-right-radius border-top-left-radius border-top-right-radius")}}</td>
      <td>{{cssnotinherited("border-radius")}}</td>
      <td>{{cssmediadef("border-radius", "visual")}}</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>{{cssinitialshorthand("border-right", "border-right-width border-right-style border-right-color")}}</td>
      <td>{{cssnotinherited("border-right")}}</td>
      <td>{{cssmediadef("border-right", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-right-color")}}</td>
      <td>{{csssyntaxdef("border-right-color","&lt;color&gt;")}}</td>
      <td>{{cssinitialdef("border-right-color", "currentColor")}}</td>
      <td>{{cssnotinherited("border-right-color")}}</td>
      <td>{{cssmediadef("border-right-color", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-right-style")}}</td>
      <td>{{csssyntaxdef("border-right-style","&lt;br-style&gt;")}}</td>
      <td>{{cssinitialdef("border-right-style", "none")}}</td>
      <td>{{cssnotinherited("border-right-style")}}</td>
      <td>{{cssmediadef("border-right-style", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-right-width")}}</td>
      <td>{{csssyntaxdef("border-right-width","&lt;br-width&gt;")}}</td>
      <td>{{cssinitialdef("border-right-width", "medium")}}</td>
      <td>{{cssnotinherited("border-right-width")}}</td>
      <td>{{cssmediadef("border-right-width", "visual")}}</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>{{cssinitialshorthand("border-style", "border-bottom-style border-left-style border-right-style border-bottom-style")}}</td>
      <td>{{cssnotinherited("border-style")}}</td>
      <td>{{cssmediadef("border-style", "visual")}}</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">{{cssinitialshorthand("border-top", "border-top-width border-top-style border-top-color")}}</td>
      <td>{{cssnotinherited("border-top")}}</td>
      <td>{{cssmediadef("border-top", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-color")}}</td>
      <td>{{csssyntaxdef("border-top-color","&lt;color&gt;")}}</td>
      <td>{{cssinitialdef("border-top-color", "currentColor")}}</td>
      <td>{{cssnotinherited("border-top-color")}}</td>
      <td>{{cssmediadef("border-top-color", "visual")}}</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>{{cssinitialdef("border-top-left-radius", "0")}}</td>
      <td>{{cssnotinherited("border-top-left-radius")}}</td>
      <td>{{cssmediadef("border-top-left-radius", "visual")}}</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>{{cssinitialdef("border-top-right-radius", "0")}}</td>
      <td>{{cssnotinherited("border-top-right-radius")}}</td>
      <td>{{cssmediadef("border-top-right-radius", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-style")}}</td>
      <td>{{csssyntaxdef("border-top-style","&lt;br-style&gt;")}}</td>
      <td>{{cssinitialdef("border-top-style", "none")}}</td>
      <td>{{cssnotinherited("border-top-style")}}</td>
      <td>{{cssmediadef("border-top-style", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-width")}}</td>
      <td>{{csssyntaxdef("border-top-width","&lt;br-width&gt;")}}</td>
      <td>{{cssinitialdef("border-top-width", "medium")}}</td>
      <td>{{cssnotinherited("border-top-width")}}</td>
      <td>{{cssmediadef("border-top-width", "visual")}}</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>{{cssinitialshorthand("border-width", "border-bottom-width border-left-width border-right-width border-bottom-width")}}</td>
      <td>{{cssnotinherited("border-width")}}</td>
      <td>{{cssmediadef("border-width", "visual")}}</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>{{cssinitialdef("box-decoration-break", "slice")}}</td>
      <td>{{cssnotinherited("box-decoration-break")}}</td>
      <td>{{cssmediadef("box-decoration-break", "visual")}}</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>{{cssinitialdef("box-shadow", "none")}}</td>
      <td>{{cssnotinherited("box-shadow")}}</td>
      <td>{{cssmediadef("box-shadow", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("margin")}}</td>
      <td>{{csssyntaxdef("margin", "[ &lt;length&gt; | &lt;percentage&gt; | auto ]{1,4}")}}</td>
      <td>{{cssinitialshorthand("margin", "margin-bottom margin-left margin-right margin-top")}}</td>
      <td>{{cssnotinherited("margin")}}</td>
      <td>{{cssmediadef("margin", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("margin-bottom")}}</td>
      <td>{{csssyntaxdef("margin-bottom", "&lt;length&gt; | &lt;percentage&gt; | auto")}}</td>
      <td>{{cssinitialdef("margin-bottom", "0")}}</td>
      <td>{{cssnotinherited("margin-bottom")}}</td>
      <td>{{cssmediadef("margin-bottom", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("margin-left")}}</td>
      <td>{{csssyntaxdef("margin-left", "&lt;length&gt; | &lt;percentage&gt; | auto")}}</td>
      <td>{{cssinitialdef("margin-left", "0")}}</td>
      <td>{{cssnotinherited("margin-left")}}</td>
      <td>{{cssmediadef("margin-left", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("margin-right")}}</td>
      <td>{{csssyntaxdef("margin-right", "&lt;length&gt; | &lt;percentage&gt; | auto")}}</td>
      <td>{{cssinitialdef("margin-right", "0")}}</td>
      <td>{{cssnotinherited("margin-right")}}</td>
      <td>{{cssmediadef("margin-right", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("margin-top")}}</td>
      <td>{{csssyntaxdef("margin-top", "&lt;length&gt; | &lt;percentage&gt; | auto")}}</td>
      <td>{{cssinitialdef("margin-top", "0")}}</td>
      <td>{{cssnotinherited("margin-top")}}</td>
      <td>{{cssmediadef("margin-top", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("padding")}}</td>
      <td>{{csssyntaxdef("padding", "[ &lt;length&gt; | &lt;percentage&gt; ]{1,4}")}}</td>
      <td>{{cssinitialshorthand("padding", "padding-bottom padding-left padding-right padding-top")}}</td>
      <td>{{cssnotinherited("padding")}}</td>
      <td>{{cssmediadef("padding", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("padding-bottom")}}</td>
      <td>{{csssyntaxdef("padding-bottom", "&lt;length&gt; | &lt;percentage&gt;")}}</td>
      <td>{{cssinitialdef("padding-bottom", "0")}}</td>
      <td>{{cssnotinherited("padding-bottom")}}</td>
      <td>{{cssmediadef("padding-bottom", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("padding-left")}}</td>
      <td>{{csssyntaxdef("padding-left", "&lt;length&gt; | &lt;percentage&gt;")}}</td>
      <td>{{cssinitialdef("padding-left", "0")}}</td>
      <td>{{cssnotinherited("padding-left")}}</td>
      <td>{{cssmediadef("padding-left", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("padding-right")}}</td>
      <td>{{csssyntaxdef("padding-right", "&lt;length&gt; | &lt;percentage&gt;")}}</td>
      <td>{{cssinitialdef("padding-right", "0")}}</td>
      <td>{{cssnotinherited("padding-right")}}</td>
      <td>{{cssmediadef("padding-right", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("padding-top")}}</td>
      <td>{{csssyntaxdef("padding-top", "&lt;length&gt; | &lt;percentage&gt;")}}</td>
      <td>{{cssinitialdef("padding-top", "0")}}</td>
      <td>{{cssnotinherited("padding-top")}}</td>
      <td>{{cssmediadef("padding-top", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("box-sizing")}}</td>
      <td>{{csssyntaxdef("box-sizing", "content-box | padding-box | border-box")}}</td>
      <td>{{cssinitialdef("box-sizing", "content-box")}}</td>
      <td>{{cssnotinherited("box-sizing")}}</td>
      <td>{{cssmediadef("box-sizing", "visual")}}</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>{{cssinitialdef("max-height", "none")}}</td>
      <td>{{cssnotinherited("max-height")}}</td>
      <td>{{cssmediadef("max-height", "visual")}}</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>{{cssinitialstartdef("min-height")}}<code>auto</code> (which always resolves to <code>0</code> on non-flex items){{cssinitialenddef}}</td>
      <td>{{cssnotinherited("min-height")}}</td>
      <td>{{cssmediadef("min-height", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("height")}}</td>
      <td>{{csssyntaxdef("height", "auto | &lt;length&gt; | &lt;percentage&gt;")}}</td>
      <td>{{cssinitialdef("height", "auto")}}</td>
      <td>{{cssnotinherited("height")}}</td>
      <td>{{cssmediadef("height", "visual")}}</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>{{cssinitialdef("max-width", "none")}}</td>
      <td>{{cssnotinherited("max-width")}}</td>
      <td>{{cssmediadef("max-width", "visual")}}</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>{{cssinitialstartdef("min-width")}}<code>auto</code> (which always resolves to <code>0</code> on non-flex items){{cssinitialenddef}}</td>
      <td>{{cssnotinherited("min-width")}}</td>
      <td>{{cssmediadef("min-width", "visual")}}</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>{{cssinitialdef("width", "auto")}}</td>
      <td>{{cssnotinherited("width")}}</td>
      <td>{{cssmediadef("width", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("overflow")}}</td>
      <td>{{csssyntaxdef("overflow","visible | hidden | scroll | auto")}}</td>
      <td>{{cssinitialdef("overflow", "visible")}}</td>
      <td>{{cssnotinherited("overflow")}}</td>
      <td>{{cssmediadef("overflow", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("overflow-x")}}</td>
      <td>{{csssyntaxdef("overflow-x","visible | hidden | scroll | auto")}}</td>
      <td>{{cssinitialdef("overflow-x", "visible")}}</td>
      <td>{{cssnotinherited("overflow-x")}}</td>
      <td>{{cssmediadef("overflow-x", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("overflow-y")}}</td>
      <td>{{csssyntaxdef("overflow-y","visible | hidden | scroll | auto")}}</td>
      <td>{{cssinitialdef("overflow-y", "visible")}}</td>
      <td>{{cssnotinherited("overflow-y")}}</td>
      <td>{{cssmediadef("overflow-y", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("visibility")}}</td>
      <td>{{csssyntaxdef("visibility", "visible | hidden | collapse")}}</td>
      <td>{{cssinitialdef("visibility", "visible")}}</td>
      <td>{{cssdoesinherit("visibility")}}</td>
      <td>{{cssmediadef("visibility", "visual")}}</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>{{cssinitialdef("border-collapse", "separate")}}</td>
      <td>{{cssdoesinherit("border-collapse")}}</td>
      <td>{{cssmediadef("border-collapse", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-spacing")}}</td>
      <td>{{csssyntaxdef("border-spacing","&lt;length&gt; &lt;length&gt;?")}}</td>
      <td>{{cssinitialdef("border-spacing", "0")}}</td>
      <td>{{cssdoesinherit("border-spacing")}}</td>
      <td>{{cssmediadef("border-spacing", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("caption-side")}}</td>
      <td>{{csssyntaxdef("caption-side", "top | bottom")}}</td>
      <td>{{cssinitialdef("caption-side", "top")}}</td>
      <td>{{cssdoesinherit("caption-side")}}</td>
      <td>{{cssmediadef("caption-side", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("empty-cells")}}</td>
      <td>{{csssyntaxdef("empty-cells", "show | hide")}}</td>
      <td>{{cssinitialdef("empty-cells", "show")}}</td>
      <td>{{cssdoesinherit("empty-cells")}}</td>
      <td>{{cssmediadef("empty-cells", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("table-layout")}}</td>
      <td>{{csssyntaxdef("table-layout", "auto | fixed")}}</td>
      <td>{{cssinitialdef("table-layout", "auto")}}</td>
      <td>{{cssnotinherited("table-layout")}}</td>
      <td>{{cssmediadef("table-layout", "visual")}}</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>{{cssinitialdef("vertical-align", "baseline")}}</td>
      <td>{{cssnotinherited("vertical-align")}}</td>
      <td>{{cssmediadef("vertical-align", "visual")}}</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>{{cssinitialdef("bottom", "auto")}}</td>
      <td>{{cssnotinherited("bottom")}}</td>
      <td>{{cssmediadef("bottom", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("left")}}</td>
      <td>{{csssyntaxdef("left", "&lt;length&gt; | &lt;percentage&gt; | auto")}}</td>
      <td>{{cssinitialdef("left", "auto")}}</td>
      <td>{{cssnotinherited("left")}}</td>
      <td>{{cssmediadef("left", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("right")}}</td>
      <td>{{csssyntaxdef("right", "&lt;length&gt; | &lt;percentage&gt; | auto")}}</td>
      <td>{{cssinitialdef("right", "auto")}}</td>
      <td>{{cssnotinherited("right")}}</td>
      <td>{{cssmediadef("right", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("top")}}</td>
      <td>{{csssyntaxdef("top", "&lt;length&gt; | &lt;percentage&gt; | auto")}}</td>
      <td>{{cssinitialdef("top", "auto")}}</td>
      <td>{{cssnotinherited("top")}}</td>
      <td>{{cssmediadef("top", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("float")}}</td>
      <td>{{csssyntaxdef("float", "left | right | none")}}</td>
      <td>{{cssinitialdef("float", "none")}}</td>
      <td>{{cssnotinherited("float")}}</td>
      <td>{{cssmediadef("float", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("clear")}}</td>
      <td>{{csssyntaxdef("clear", "none | left | right | both")}}</td>
      <td>{{cssinitialdef("clear", "none")}}</td>
      <td>{{cssnotinherited("clear")}}</td>
      <td>{{cssmediadef("clear", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("position")}}</td>
      <td>{{csssyntaxdef("position", "static | relative | absolute | fixed")}}</td>
      <td>{{cssinitialdef("position", "static")}}</td>
      <td>{{cssnotinherited("position")}}</td>
      <td>{{cssmediadef("position", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("z-index")}}</td>
      <td>{{csssyntaxdef("z-index", "auto | &lt;integer&gt;")}}</td>
      <td>{{cssinitialdef("z-index", "auto")}}</td>
      <td>{{cssnotinherited("z-index")}}</td>
      <td>{{cssmediadef("z-index", "visual")}}</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>{{cssinitialshorthand("font", "font-style font-variant font-weight font-stretch font-size line-height font-family")}}</td>
      <td>{{cssdoesinherit("font")}}</td>
      <td>{{cssmediadef("font", "visual")}}</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>{{cssinitialstartdef("font-family")}}depends on user agent{{cssinitialenddef}}</td>
      <td>{{cssdoesinherit("font-family")}}</td>
      <td>{{cssmediadef("font-family", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("font-variant")}}</td>
      <td>{{csssyntaxdef("font-variant", "normal | small-caps ")}}</td>
      <td>{{cssinitialdef("font-variant", "normal")}}</td>
      <td>{{cssdoesinherit("font-variant")}}</td>
      <td>{{cssmediadef("font-variant", "visual")}}</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>{{cssinitialdef("font-weight", "normal")}}</td>
      <td>{{cssdoesinherit("font-weight")}}</td>
      <td>{{cssmediadef("font-weight", "visual")}}</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>{{cssinitialdef("font-stretch", "normal")}}</td>
      <td>{{cssdoesinherit("font-stretch")}}</td>
      <td>{{cssmediadef("font-stretch", "visual")}}</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>{{cssinitialdef("font-size", "medium")}}</td>
      <td>{{cssdoesinherit("font-size")}}</td>
      <td>{{cssmediadef("font-size", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("line-height")}}</td>
      <td>{{csssyntaxdef("line-height", "normal | &lt;number&gt; | &lt;length&gt; | &lt;percentage&gt;")}}</td>
      <td>{{cssinitialdef("line-height", "normal")}}</td>
      <td>{{cssdoesinherit("line-height")}}</td>
      <td>{{cssmediadef("line-height", "visual")}}</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>{{cssinitialdef("font-feature-settings", "normal")}}</td>
      <td>{{cssdoesinherit("font-feature-settings")}}</td>
      <td>{{cssmediadef("font-feature-settings", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("font-size-adjust")}}</td>
      <td>{{csssyntaxdef("font-size-adjust", "none | auto | &lt;number&gt;")}}</td>
      <td>{{cssinitialdef("font-size-adjust", "none")}}</td>
      <td>{{cssdoesinherit("font-size-adjust")}}</td>
      <td>{{cssmediadef("font-size-adjust", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("font-style")}}</td>
      <td>{{csssyntaxdef("font-style", "normal | italic | oblique")}}</td>
      <td>{{cssinitialdef("font-style", "normal")}}</td>
      <td>{{cssdoesinherit("font-style")}}</td>
      <td>{{cssmediadef("font-style", "visual")}}</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>{{cssinitialdef("image-rendering", "auto")}}</td>
      <td>{{cssdoesinherit("image-rendering")}}</td>
      <td>{{cssmediadef("image-rendering", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("image-orientation")}}</td>
      <td>{{csssyntaxdef("image-orientation", "&lt;angle&gt;")}}</td>
      <td>{{cssinitialdef("image-orientation", "0deg")}}</td>
      <td>{{cssdoesinherit("image-orientation")}}</td>
      <td>{{cssmediadef("image-orientation", "visual")}}</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>{{cssinitialdef("counter-increment", "none")}}</td>
      <td>{{cssnotinherited("counter-increment")}}</td>
      <td>{{cssmediadef("counter-increment", "all")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("counter-reset")}}</td>
      <td>{{csssyntaxdef("counter-reset", "[&lt;user-ident&gt; &lt;integer&gt;?]+ | none")}}</td>
      <td>{{cssinitialdef("counter-reset", "none")}}</td>
      <td>{{cssnotinherited("counter-reset")}}</td>
      <td>{{cssmediadef("counter-reset", "all")}}</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>{{cssinitialshorthand("list-style", "list-style-image list-style-position list-style-type")}}</td>
      <td>{{cssdoesinherit("list-style")}}</td>
      <td>{{cssmediadef("list-style", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("list-style-image")}}</td>
      <td>{{csssyntaxdef("list-style-image","&lt;uri&gt; | none")}}</td>
      <td>{{cssinitialdef("list-style-image", "none")}}</td>
      <td>{{cssdoesinherit("list-style-image")}}</td>
      <td>{{cssmediadef("list-style-image", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("list-style-position")}}</td>
      <td>{{csssyntaxdef("list-style-position","inside | outside")}}</td>
      <td>{{cssinitialdef("list-style-position", "outside")}}</td>
      <td>{{cssdoesinherit("list-style-position")}}</td>
      <td>{{cssmediadef("list-style-position", "visual")}}</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>{{cssinitialdef("list-style-type", "disc")}}</td>
      <td>{{cssdoesinherit("list-style-type")}}</td>
      <td>{{cssmediadef("list-style-type", "visual")}}</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>{{cssinitialdef("orphans", "<code>2</code>")}}</td>
      <td>{{cssdoesinherit("orphans")}}</td>
      <td>{{cssmediadef("orphans", "visual, paged")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("page-break-after")}}</td>
      <td>{{csssyntaxdef("page-break-after", "auto | always | avoid | left | right")}}</td>
      <td>{{cssinitialdef("page-break-after", "auto")}}</td>
      <td>{{cssnotinherited("page-break-after")}}</td>
      <td>{{cssmediadef("page-break-after", "visual, paged")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("page-break-before")}}</td>
      <td>{{csssyntaxdef("page-break-before", "auto | always | avoid | left | right")}}</td>
      <td>{{cssinitialdef("page-break-before", "auto")}}</td>
      <td>{{cssnotinherited("page-break-before")}}</td>
      <td>{{cssmediadef("page-break-before", "visual, paged")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("page-break-inside")}}</td>
      <td>{{csssyntaxdef("page-break-inside", "auto | always")}}</td>
      <td>{{cssinitialdef("page-break-inside", "auto")}}</td>
      <td>{{cssnotinherited("page-break-inside")}}</td>
      <td>{{cssmediadef("page-break-inside", "visual, paged")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("widows")}}</td>
      <td>{{csssyntaxdef("widows", "&lt;integer&gt;")}}</td>
      <td>{{cssinitialdef("widows", "<code>2</code>")}}</td>
      <td>{{cssdoesinherit("widows")}}</td>
      <td>{{cssmediadef("widows", "visual, paged")}}</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>{{cssinitialshorthand("outline", "outline-color outlien-width outline-style")}}</td>
      <td>{{cssnotinherited("outline")}}</td>
      <td>{{cssmediadef("outline", "visual, interactive")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("outline-color")}}</td>
      <td>{{csssyntaxdef("outline-color", "&lt;color&gt; | invert")}}</td>
      <td>{{cssinitialstartdef("outline-color")}}<code>invert</code>, for browsers supporting it, <code>currentColor</code> for the other{{cssinitialenddef}}</td>
      <td>{{cssnotinherited("outline-color")}}</td>
      <td>{{cssmediadef("outline-color", "visual, interactive")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("outline-width")}}</td>
      <td>{{csssyntaxdef("outline-width", "&lt;br-width&gt;")}}</td>
      <td>{{cssinitialdef("outline-width", "medium")}}</td>
      <td>{{cssnotinherited("outline-width")}}</td>
      <td>{{cssmediadef("outline-width", "visual, interactive")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("outline-style")}}</td>
      <td>{{csssyntaxdef("outline-style", "&lt;br-style&gt;")}}</td>
      <td>{{cssinitialdef("outline-style", "none")}}</td>
      <td>{{cssnotinherited("outline-style")}}</td>
      <td>{{cssmediadef("outline-style", "visual, interactive")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("outline-offset")}}</td>
      <td>{{csssyntaxdef("outline-offset", "&lt;length&gt;")}}</td>
      <td>{{cssinitialdef("outline-offset", "0")}}</td>
      <td>{{cssnotinherited("outline-offset")}}</td>
      <td>{{cssmediadef("outline-offset", "visual, interactive")}}</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>{{cssinitialdef("cursor", "auto")}}</td>
      <td>{{cssdoesinherit("cursor")}}</td>
      <td>{{cssmediadef("cursor", "visual, interactive")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("resize")}}</td>
      <td>{{csssyntaxdef("resize", "none | both | horizontal | vertical")}}</td>
      <td>{{cssinitialdef("resize", "none")}}</td>
      <td>{{cssnotinherited("resize")}}</td>
      <td>{{cssmediadef("resize", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-overflow")}}</td>
      <td>{{csssyntaxdef("text-overflow", "[ clip | ellipsis | &lt;string&gt; ]{1,2}")}}</td>
      <td>{{cssinitialdef("text-overflow", "clip")}}</td>
      <td>{{cssnotinherited("text-overflow")}}</td>
      <td>{{cssmediadef("text-overflow", "visual")}}</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>{{cssinitialdef("content", "normal")}}</td>
      <td>{{cssnotinherited("content")}}</td>
      <td>{{cssmediadef("content", "all")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("quotes")}}</td>
      <td>{{csssyntaxdef("quotes", "[&lt;string&gt; &lt;string&gt;]+ | none")}}</td>
      <td>{{cssinitialstartdef("quotes")}}user agent specific{{cssinitialenddef}}</td>
      <td>{{cssdoesinherit("quotes")}}</td>
      <td>{{cssmediadef("quotes", "visual")}}</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>{{cssinitialdef("clip", "auto")}}</td>
      <td>{{cssnotinherited("clip")}}</td>
      <td>{{cssmediadef("clip", "visual")}}</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>{{cssinitialdef("display", "inline")}}</td>
      <td>{{cssnotinherited("display")}}</td>
      <td>{{cssmediadef("display", "all")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("unicode-bidi")}}</td>
      <td>{{csssyntaxdef("unicode-bidi", "normal | embed | isolate | bidi-override | isolate-override | plaintext")}}</td>
      <td>{{cssinitialdef("unicode-bidi", "normal")}}</td>
      <td>{{cssnotinherited("unicode-bidi")}}</td>
      <td>{{cssmediadef("unicode-bidi", "visual")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("ime-mode")}}</td>
      <td>{{csssyntaxdef("ime-mode", "auto | normal | active | inactive | disabled")}}</td>
      <td>{{cssinitialdef("ime-mode", "auto")}}</td>
      <td>{{cssnotinherited("ime-mode")}}</td>
      <td>{{cssmediadef("ime-mode", "interactive")}}</td>
    </tr>
  </tbody>
</table>
<p>&nbsp;</p>
Revert to this revision