mozilla

Revision 360273 of CSS values serialization

  • Revision slug: CSS/CSS_values_serialization
  • Revision title: CSS values serialization
  • Revision id: 360273
  • Created:
  • Creator: teoli
  • Is current revision? No
  • Comment
Tags: 

Revision Content

{{draft()}}

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

This page lists all CSS properties and indicates on which elements they have effects, how their computed values is calculated and the canonical order to use when serializing values.

Animations
Property Applies to Computed value Canonical order
{{cssxref("animation")}} {{cssappliestodef("animation", "all elements, ::before and ::after pseudo-elements")}} {{csscomputedshorthand("animation", "animation-name animation-delay animation-duration animation-timing-function animation-direction animation-iteration-count animation-fill-mode animation-play-state")}}  
{{cssxref("animation-delay")}} {{cssappliestodef("animation-delay", "all elements, ::before and ::after pseudo-elements")}} {{csscomputedasspecifieddef("animation-delay")}}  
{{cssxref("animation-direction")}} {{cssappliestodef("animation-direction", "all elements, ::before and ::after pseudo-elements")}} {{csscomputedasspecifieddef("animation-direction")}}  
{{cssxref("animation-duration")}} {{cssappliestodef("animation-duration", "all elements, ::before and ::after pseudo-elements")}} {{csscomputedasspecifieddef("animation-duration")}}  
{{cssxref("animation-fill-mode")}} {{cssappliestodef("animation-fill-mode", "all elements, ::before and ::after pseudo-elements")}} {{csscomputedasspecifieddef("animation-fill-mode")}}  
{{cssxref("animation-iteration-count")}} {{cssappliestodef("animation-iteration-count", "all elements, ::before and ::after pseudo-elements")}} {{csscomputedasspecifieddef("animation-iteration-count")}}  
{{cssxref("animation-name")}} {{cssappliestodef("animation-name", "all elements, ::before and ::after pseudo-elements")}} {{csscomputedasspecifieddef("animation-name")}}  
{{cssxref("animation-play-state")}} {{cssappliestodef("animation-play-state", "all elements, ::before and ::after pseudo-elements")}} {{csscomputedasspecifieddef("animation-play-state")}}  
{{cssxref("animation-timing-function")}} {{cssappliestodef("animation-timing-function", "all elements, ::before and ::after pseudo-elements")}} {{csscomputedasspecifieddef("animation-timing-function")}}  
Transitions
Property Applies to Computed value Canonical order
{{cssxref("transition")}} {{cssappliestodef("transition", "all elements, ::before and ::after pseudo-elements")}} {{csscomputedasspecifieddef("transition")}}  
{{cssxref("transition-delay")}} {{cssappliestodef("transition-delay", "all elements, ::before and ::after pseudo-elements")}} {{csscomputedasspecifieddef("transition-delay")}}  
{{cssxref("transition-duration")}} {{cssappliestodef("transition-duration", "all elements, ::before and ::after pseudo-elements")}} {{csscomputedasspecifieddef("transition-duration")}}  
{{cssxref("transition-property")}} {{cssappliestodef("transition-property", "all elements, ::before and ::after pseudo-elements")}} {{csscomputedasspecifieddef("transition-property")}}  
{{cssxref("transition-timing-function")}} {{cssappliestodef("transition-timing-function", "all elements, ::before and ::after pseudo-elements")}} {{csscomputedasspecifieddef("transition-timing-function")}}  
Transforms
Property Applies to Computed value Canonical order
{{cssxref("transform")}} {{cssappliestodef("transform", "transformable elements")}} {{csscomputeddef("perspective-origin", "as specified, but with relative lengths converted into absolute lengths")}}  
{{cssxref("transform-origin")}} {{cssappliestodef("transform-origin", "transformable elements")}} {{csscomputeddef("transform-origin", "for <length> the absolute value, otherwise a percentage")}}  
{{cssxref("transform-style")}} {{cssappliestodef("transform-style", "transformable elements")}} {{csscomputedasspecifieddef("transform-style")}}  
{{cssxref("perspective")}} {{cssappliestodef("perspective", "transformable elements")}} {{csscomputeddef("perspective", "the absolute length or none")}}  
{{cssxref("perspective-origin")}} {{cssappliestodef("perspective-origin", "transformable elements")}} {{csscomputeddef("perspective-origin", "for <length> the absolute value, otherwise a percentage")}}  
{{cssxref("backface-visibility")}} {{cssappliestodef("backface-visibility", "transformable elements")}} {{csscomputedasspecifieddef("backface-visibility")}}  
Color
Property Applies to Computed value Canonical order
{{cssxref("color")}} {{cssappliestodef("color", "all elements")}} {{csscomputeddef("color", "If the value is translucent, the computed value will be the rgba() corresponding one. If it isn't, it will be the rgb() corresponding one. The transparent keyword maps to rgb(0,0,0).")}}  
{{cssxref("opacity")}} {{cssappliestodef("opacity", "all elements")}} {{csscomputeddef("opacity", "the specified value, clipped in the range [0,1]")}}  
Columns
Property Applies to Computed value Canonical order
{{cssxref("columns")}} {{cssappliestodef("columns", "non-replaced block-level elements (except table elements), table cells, and inline-block elements")}} {{csscomputedshorthand("columns", "column-width column-count")}}  
{{cssxref("column-width")}} {{cssappliestodef("column-width", "non-replaced block-level elements (except table elements), table cells, and inline-block elements")}} {{csscomputeddef("column-width", "the absolute length, zero or larger")}}  
{{cssxref("column-count")}} {{cssappliestodef("column-count", "non-replaced block-level elements (except table elements), table cells, and inline-block elements")}} {{csscomputedasspecifieddef("column-count")}}  
{{cssxref("column-gap")}} {{cssappliestodef("column-gap", "multicol elements")}} {{csscomputeddef("column-width", "the absolute length or the keyword normal")}}  
{{cssxref("column-rule")}} {{cssappliestodef("column-rule", "multicol elements")}} {{csscomputedshorthand("column-rule", "column-rule-color column-rule-style column-rule-width")}}  
{{cssxref("column-rule-color")}} {{cssappliestodef("column-rule-color", "multicol elements")}} {{csscomputedcolordef("column-rule-color")}}  
{{cssxref("column-rule-style")}} {{cssappliestodef("column_rule-style", "multicol elements")}} {{csscomputedasspecifieddef("column-rule-style")}}  
{{cssxref("column-rule-width")}} {{cssappliestodef("column-rule-width", "multicol elements")}} {{csscomputeddef("column-rule-width", "an absolute length; 0 if the column rule style is none or hidden")}}  
{{cssxref("break-before")}} {{cssappliestodef("break-before", "block-level elements")}} {{csscomputedasspecifieddef("break-before")}}  
{{cssxref("break-after")}} {{cssappliestodef("break-after", "block-level elements")}} {{csscomputedasspecifieddef("break-after")}}  
{{cssxref("break-inside")}} {{cssappliestodef("break-inside", "block-level elements")}} {{csscomputedasspecifieddef("break-inside")}}  
{{cssxref("column-span")}} {{cssappliestodef("column-span", "in-flow block-level elements")}}
{{csscomputedasspecifieddef("column-span")}}
 
{{cssxref("column-fill")}} {{cssappliestodef("column-fill", "multicol elements")}}
{{csscomputedasspecifieddef("column-fill")}}
 
Text
Property Applies to Computed value Canonical order
{{cssxref("hyphens")}} {{cssappliestodef("hyphens", "all elements")}}
{{csscomputedasspecifieddef("hyphens")}}
 
{{cssxref("letter-spacing")}} {{cssappliestodef("letter-spacing", "all elements")}}
{{csscomputeddef("letter-specified", "an optimum value consisting of either an absolute length or the keyword 'normal'")}}
 
{{cssxref("word-wrap")}} {{cssappliestodef("word-wrap", "all elements")}}
{{csscomputedasspecifieddef("word-wrap")}}
 
{{cssxref("overflow-wrap")}} {{cssappliestodef("overflow-wrap", "all elements")}}
{{csscomputedasspecifieddef("overflow-wrap")}}
 
{{cssxref("text-transform")}} {{cssappliestodef("text-transform", "all elements")}}
{{csscomputedasspecifieddef("text-transform")}}
 
{{cssxref("tab-size")}} {{cssappliestodef("tab-size", "block containers")}} {{csscomputeddef("tab-size", "the specified integer or an absolute length")}}  
{{cssxref("text-align")}} {{cssappliestodef("text-align", "block containers")}} {{csscomputeddef("text-align", "as specified, except for the match-parent value which is calculated against its parent's direction value and results in a computed value of either left or right")}}  
{{cssxref("text-align-last")}} {{cssappliestodef("text-align-last", "block containers")}}
{{csscomputedasspecifieddef("text-align-last")}}
 
{{cssxref("text-indent")}} {{cssappliestodef("text-indent", "block containers")}} {{csscomputeddef("text-indent", "the percentage as specified or the absolute length, plus any keywords as specified")}}  
{{cssxref("direction")}} {{cssappliestodef("direction", "all elements")}}    
{{cssxref("white-space")}} {{cssappliestodef("white-space", "all elements")}}    
{{cssxref("word-break")}} {{cssappliestodef("word-break", "all elements")}} {{csscomputedasspecifieddef("word-break")}}  
{{cssxref("word-spacing")}} {{cssappliestodef("word-spacing", "all elements")}}
{{csscomputeddef("word-spacing", "an optimum, minimum, and maximum value, each consisting of either an absolute length, a percentage, or the keyword normal")}}
 
Text decorations
Property Applies to Computed value Canonical order
{{cssxref("text-decoration")}} {{cssappliestodef("text-decoration", "all elements")}} {{csscomputedshorthand("text-decoration", "text-decoration-line text-decoration-style text-decoration-color")}}  
{{cssxref("text-decoration-color")}} {{cssappliestodef("text-decoration-color", "all elements")}} {{csscomputedcolordef("text-decoration-color")}}  
{{cssxref("text-decoration-style")}} {{cssappliestodef("text-decoration-style", "all elements")}} {{csscomputedasspecifieddef("text-decoration-style")}}  
{{cssxref("text-decoration-line")}} {{cssappliestodef("text-decoration-line", "all elements")}} {{csscomputedasspecifieddef("text-decoration-line")}}  
{{cssxref("text-decoration-skip")}} {{cssappliestodef("text-decoration-skip", "all elements")}} {{csscomputedasspecifieddef("text-decoration-skip")}}  
{{cssxref("text-underline-position")}} {{cssappliestodef("text-underline-position", "all elements")}} {{csscomputedasspecifieddef("text-underline-position")}}  
Flexible boxes
Property Applies to Computed value Canonical order
{{cssxref("align-content")}} {{cssappliestodef("align-content", "multi-line flex containers")}} {{csscomputedasspecifieddef("align-content")}}  
{{cssxref("align-items")}} {{cssappliestodef("align-items", "flex containers")}} {{csscomputedasspecifieddef("align-items")}}  
{{cssxref("align-self")}} {{cssappliestodef("align-self", "flex items")}} {{csscomputeddef("align-self", "auto computes to parent's align-items; otherwise as specified")}}  
{{cssxref("flex-basis")}} {{cssappliestodef("flex-basis", "flex items")}} {{csscomputeddef("flex-basis", "as specified, with lengths made absolute")}}  
{{cssxref("flex-direction")}} {{cssappliestodef("flex-direction", "flex containers")}} {{csscomputedasspecifieddef("flex-direction")}}  
{{cssxref("flex-flow")}} {{cssappliestodef("flex-flow", "flex containers")}} {{csscomputedshorthand("flex-flow", "flex-direction flex-wrap")}}  
{{cssxref("flex-grow")}} {{cssappliestodef("flex-grow", "flex items")}} {{csscomputedasspecifieddef("flex-grow")}}  
{{cssxref("flex-shrink")}} {{cssappliestodef("flex-shrink", "flex items")}} {{csscomputedasspecifieddef("flex-shrink")}}  
{{cssxref("flex")}} {{cssappliestodef("flex", "flex items")}} {{csscomputedshorthand("flex", "flex-grow flex-shrink flex-basis")}}  
{{cssxref("flex-wrap")}} {{cssappliestodef("flex-wrap", "flex containers")}} {{csscomputedasspecifieddef("flex-wrap")}}  
{{cssxref("justify-content")}} {{cssappliestodef("justify-content", "flex containers")}} {{csscomputedasspecifieddef("justify-content")}}  
{{cssxref("order")}} {{cssappliestodef("order", "flex items and absolutely-positioned flex container children")}} {{csscomputedasspecifieddef("order")}}  
Background & Borders
Property Applies to Computed value Canonical order
{{cssxref("background")}} {{cssappliestodef("background", "all elements")}} {{csscomputedshorthand("background", "background-color background-image background-clip background-position background-size background-repeat background-attachment")}}  
{{cssxref("background-attachment")}} {{cssappliestodef("background-attachment", "all elements")}} {{csscomputedasspecifieddef("background-attachment")}}  
{{cssxref("background-clip")}} {{cssappliestodef("background-clip", "all elements")}} {{csscomputedasspecifieddef("background-clip")}}  
{{cssxref("background-color")}} {{cssappliestodef("background-color", "all elements")}} {{csscomputedcolordef("background-color")}}  
{{cssxref("background-image")}} {{cssappliestodef("background-image", "all elements")}} {{csscomputeddef("background-image", "as specified, but with URIs made absolute")}}  
{{cssxref("background-origin")}} {{cssappliestodef("background-origin", "all elements")}} {{csscomputedasspecifieddef("background-origin")}}  
{{cssxref("background-position")}} {{cssappliestodef("background-position", "all elements")}} {{csscomputeddef("background-repeat", "a list, each item consisting of two keywords representing the origin and two offsets from that origin, each given as an absolute length (if given a <length>), otherwise as a percentage")}}  
{{cssxref("background-repeat")}} {{cssappliestodef("background-repeat", "all elements")}} {{csscomputeddef("background-repeat", "a list, each item consisting of two keywords, one per dimension")}}  
{{cssxref("background-size")}} {{cssappliestodef("background-size", "all elements")}} {{csscomputeddef("background-size", "as specified, with lengths made absolute")}}  
{{cssxref("border")}} {{cssappliestodef("border", "all elements")}}    
{{cssxref("border-bottom")}} {{cssappliestodef("border-bottom", "all elements")}}    
{{cssxref("border-bottom-color")}} {{cssappliestodef("border-bottom-color", "all elements")}} {{csscomputedcolordef("border-bottom-color")}}  
{{cssxref("border-bottom-left-radius")}} {{cssappliestodef("border-bottom-left-radius", "all elements; but UA are not required to apply to table and inline-table elements when border-collapse is collapse. The behavior on internal table elements is undefined for the moment.")}} {{csscomputeddef("border-bottom-left-radius", "two absolute length or percentages")}}  
{{cssxref("border-bottom-right-radius")}} {{cssappliestodef("border-bottom-right-radius", "all elements; but UA are not required to apply to table and inline-table elements when border-collapse is collapse. The behavior on internal table elements is undefined for the moment.")}} {{csscomputeddef("border-bottom-right-radius", "two absolute length or percentages")}}  
{{cssxref("border-bottom-style")}} {{cssappliestodef("border-bottom-style", "all elements")}} {{csscomputedasspecifieddef("border-bottom-style")}}  
{{cssxref("border-bottom-width")}} {{cssappliestodef("border-bottom-width", "all elements")}} {{csscomputeddef("border-bottom-width", "the absolute length or 0 is border-bottom-style is none or hidden")}}  
{{cssxref("border-color")}} {{cssappliestodef("border-color", "all elements")}} {{csscomputedshorthand("border-color", "border-bottom-color border-left-color border-right-color border-top-color")}}  
{{cssxref("border-image")}} {{cssappliestoshorthand("border-image", "border-image-outset border-image-repeat border-image-slice border-image-source border-image-width")}} {{csscomputedshorthand("border-image", "border-image-outset border-image-repeat border-image-slice border-image-source border-image-width")}}  
{{cssxref("border-image-outset")}} {{cssappliestodef("border-image-outset", "all elements, except internal table elements when border-collapse is collapse")}} {{csscomputeddef("border-image-outset", "all lengths made absolute, otherwise as specified")}}  
{{cssxref("border-image-repeat")}} {{cssappliestodef("border-image-repeat", "all elements, except internal table elements when border-collapse is collapse")}} {{csscomputedasspecifieddef("border-image-repeat")}}  
{{cssxref("border-image-slice")}} {{cssappliestodef("border-image-slice", "all elements, except internal table elements when border-collapse is collapse")}} {{csscomputeddef("border-image-slice", "one to four percentage(s) (as specified) or absolute length(s), plus the keyword fill if specified")}}  
{{cssxref("border-image-source")}} {{cssappliestodef("border-image-source", "all elements, except internal table elements when border-collapse is collapse")}} {{csscomputeddef("border-image-source", "none or the image its URI made absolute")}}  
{{cssxref("border-image-width")}} {{cssappliestodef("border-image-width", "all elements, except table elements when border-collapse is collapse")}} {{csscomputeddef("border-image-width", "all lengths made absolute, otherwise as specified")}}  
{{cssxref("border-left")}} {{cssappliestodef("border-left", "all elements")}}    
{{cssxref("border-left-color")}} {{cssappliestodef("border-left-color", "all elements")}} {{csscomputedcolordef("border-left-color")}}  
{{cssxref("border-left-style")}} {{cssappliestodef("border-left-style", "all elements")}} {{csscomputedasspecifieddef("border-left-style")}}  
{{cssxref("border-left-width")}} {{cssappliestodef("border-left-width", "all elements")}} {{csscomputeddef("border-left-width", "the absolute length or 0 is border-left-style is none or hidden")}}  
{{cssxref("border-radius")}} {{cssappliestodef("border-radius", "all elements; but UA are not required to apply to table and inline-table elements when border-collapse is collapse. The behavior on internal table elements is undefined for the moment.")}} {{csscomputedshorthand("border-radius", "border-bottom-left-radius border-bottom-right-radius border-top-left-radius border-top-right-radius")}}  
{{cssxref("border-right")}} {{cssappliestodef("border-right", "all elements")}}    
{{cssxref("border-right-color")}} {{cssappliestodef("border-right-color", "all elements")}} {{csscomputedcolordef("border-right-color")}}  
{{cssxref("border-right-style")}} {{cssappliestodef("border-right-style", "all elements")}} {{csscomputedasspecifieddef("border-right-style")}}  
{{cssxref("border-right-width")}} {{cssappliestodef("border-right-width", "all elements")}} {{csscomputeddef("border-right-width", "the absolute length or 0 is border-right-style is none or hidden")}}  
{{cssxref("border-style")}} {{cssappliestodef("border-style", "all elements")}} {{csscomputedshorthand("border-style", "border-bottom-style border-left-style border-right-style border-top-style")}}  
{{cssxref("border-top")}} {{cssappliestodef("border-top", "all elements")}}    
{{cssxref("border-top-color")}} {{cssappliestodef("border-top-color", "all elements")}} {{csscomputedcolordef("border-right-color")}}  
{{cssxref("border-top-left-radius")}} {{cssappliestodef("border-top-left-radius", "all elements; but UA are not required to apply to table and inline-table elements when border-collapse is collapse. The behavior on internal table elements is undefined for the moment.")}} {{csscomputeddef("border-top-left-radius", "two absolute length or percentages")}}  
{{cssxref("border-top-right-radius")}} {{cssappliestodef("border-top-right-radius", "all elements; but UA are not required to apply to table and inline-table elements when border-collapse is collapse. The behavior on internal table elements is undefined for the moment.")}} {{csscomputeddef("border-top-radius-radius", "two absolute length or percentages")}}  
{{cssxref("border-top-style")}} {{cssappliestodef("border-top-style", "all elements")}} {{csscomputedasspecifieddef("border-top-style")}}  
{{cssxref("border-top-width")}} {{cssappliestodef("border-top-width", "all elements")}} {{csscomputeddef("border-top-width", "the absolute length or 0 is border-top-style is none or hidden")}}  
{{cssxref("border-width")}} {{cssappliestodef("border-width", "all elements")}} {{csscomputedshorthand("border-width", "border-bottom-width border-left-width border-right-width border-top-width")}}  
Box Model
Property Applies to Computed value Canonical order
{{cssxref("box-decoration-break")}} {{cssappliestodef("box-decoration-break", "all elements")}} {{csscomputedasspecifieddef("box-decoration-break")}}  
{{cssxref("box-shadow")}} {{cssappliestodef("box-shadow", "all elements")}} {{csscomputeddef("box-shadow", "any length made absolute; any specified color computed; otherwise as specified")}}  
{{cssxref("margin")}} {{cssappliestodef("margin", "all elements except elements with table display types other than table-caption, table and inline-table")}} {{csscomputedshorthand("margin", "margin-bottom margin-left margin-right margin-top")}}  
{{cssxref("margin-bottom")}} {{cssappliestodef("margin-bottom", "all elements except elements with table display types other than table-caption, table and inline-table")}} {{csscomputeddef("margin-bottom", "the percentage as specified or the absolute length")}}  
{{cssxref("margin-left")}} {{cssappliestodef("margin-left", "all elements except elements with table display types other than table-caption, table and inline-table")}} {{csscomputeddef("margin-left", "the percentage as specified or the absolute length")}}  
{{cssxref("margin-right")}} {{cssappliestodef("margin-right", "all elements except elements with table display types other than table-caption, table and inline-table")}} {{csscomputeddef("margin-right", "the percentage as specified or the absolute length")}}  
{{cssxref("margin-top")}} {{cssappliestodef("margin-top", "all elements except elements with table display types other than table-caption, table and inline-table")}} {{csscomputeddef("margin-top", "the percentage as specified or the absolute length")}}  
{{cssxref("padding")}} {{cssappliestodef("padding", "all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column")}} {{csscomputedshorthand("padding", "padding-bottom padding-left padding-right padding-top")}}  
{{cssxref("padding-bottom")}} {{cssappliestodef("padding", "all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column")}} {{csscomputeddef("padding-bottom", "the percentage as specified or the absolute length")}}  
{{cssxref("padding-left")}} {{cssappliestodef("padding-left", "all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column")}} {{csscomputeddef("padding-left", "the percentage as specified or the absolute length")}}  
{{cssxref("padding-right")}} {{cssappliestodef("padding-right", "all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column")}} {{csscomputeddef("padding-right", "the percentage as specified or the absolute length")}}  
{{cssxref("padding-top")}} {{cssappliestodef("padding", "all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column")}} {{csscomputeddef("padding-top", "the percentage as specified or the absolute length")}}  
{{cssxref("box-sizing")}} {{cssappliestodef("box-sizing", "all elements that accept width or height")}}    
{{cssxref("max-height")}} {{cssappliestodef("max-height", "all elements but non-replaced inline elements, table columns, and column groups")}}    
{{cssxref("min-height")}} {{cssappliestodef("min-height", "all elements but non-replaced inline elements, table columns, and column groups")}}    
{{cssxref("height")}} {{cssappliestodef("height", "all elements but non-replaced inline elements, table columns, and column groups")}}    
{{cssxref("max-width")}} {{cssappliestodef("max-width", "all elements but non-replaced inline elements, table rows, and row groups")}}    
{{cssxref("min-width")}} {{cssappliestodef("min-width", "all elements but non-replaced inline elements, table rows, and row groups")}}    
{{cssxref("width")}} {{cssappliestodef("width", "all elements but non-replaced inline elements, table rows, and row groups")}}    
{{cssxref("overflow")}} {{cssappliestodef("overflow", "non-replaced block-level elements and non-replaced inline-block elements")}}    
{{cssxref("overflow-x")}} {{cssappliestodef("overflow-x", "non-replaced block-level elements and non-replaced inline-block elements")}}    
{{cssxref("overflow-y")}} {{cssappliestodef("overflow-y", "non-replaced block-level elements and non-replaced inline-block elements")}}    
{{cssxref("visibility")}} {{cssappliestodef("visibility", "all elements")}}    
Table
Property Applies to Computed value Canonical order
{{cssxref("border-collapse")}} {{cssappliestodef("border-collapse", "table and inline-table elements")}}    
{{cssxref("border-spacing")}} {{cssappliestodef("border-spacing", "table and inline-table elements")}}    
{{cssxref("caption-side")}} {{cssappliestodef("caption-side", "table-caption elements")}}    
{{cssxref("empty-cells")}} {{cssappliestodef("empty-cells", "table-cell elements")}}    
{{cssxref("table-layout")}} {{cssappliestodef("table-layout", "table and inline-table elements")}}    
{{cssxref("vertical-align")}} {{cssappliestodef("vertical-align", "inline-level and table-cell elements")}}    
Positioning
Property Applies to Computed value Canonical order
{{cssxref("bottom")}} {{cssappliestodef("bottom", "positioned elements")}}    
{{cssxref("left")}} {{cssappliestodef("left", "positioned elements")}}    
{{cssxref("right")}} {{cssappliestodef("right", "positioned elements")}}    
{{cssxref("top")}} {{cssappliestodef("top", "positioned elements")}}    
{{cssxref("float")}} {{cssappliestodef("float", "all elements, but has no effect if the value of display is none.")}}    
{{cssxref("clear")}} {{cssappliestodef("clear", "block-level elements")}}    
{{cssxref("position")}} {{cssappliestodef("position", "all elements")}}    
{{cssxref("z-index")}} {{cssappliestodef("z-index", "positioned elements")}}    
Fonts
Property Applies to Computed value Canonical order
{{cssxref("font")}} {{cssappliestodef("font", "all elements")}}    
{{cssxref("font-family")}} {{cssappliestodef("font-family", "all elements")}}    
{{cssxref("font-variant")}} {{cssappliestodef("font-variant", "all elements")}}    
{{cssxref("font-weight")}} {{cssappliestodef("font-weight", "all elements")}}    
{{cssxref("font-stretch")}} {{cssappliestodef("font-stretch", "all elements")}}    
{{cssxref("font-size")}} {{cssappliestodef("font-size", "all elements")}}    
{{cssxref("line-height")}} {{cssappliestodef("line-height", "all elements")}}    
{{cssxref("font-feature-settings")}} {{cssappliestodef("font-feature-settings", "all elements")}}    
{{cssxref("font-size-adjust")}} {{cssappliestodef("font-size-adjust", "all elements")}}    
{{cssxref("font-style")}} {{cssappliestodef("font-style", "all elements")}}    
Images
Property Applies to Computed value Canonical order
{{cssxref("image-rendering")}} {{cssappliestodef("image-rendering", "all elements")}}    
{{cssxref("image-orientation")}} {{cssappliestodef("image-orientation", "all elements")}}    
Counters & Lists
Property Applies to Computed value Canonical order
{{cssxref("counter-increment")}} {{cssappliestodef("counter-increment", "all elements")}}    
{{cssxref("counter-reset")}} {{cssappliestodef("counter-reset", "all elements")}}    
{{cssxref("list-style")}} {{cssappliestodef("list-style", "list items")}}    
{{cssxref("list-style-image")}} {{cssappliestodef("list-style-image", "list items")}}    
{{cssxref("list-style-position")}} {{cssappliestodef("list-style-position", "list items")}}    
{{cssxref("list-style-type")}} {{cssappliestodef("list-style-type", "list items")}}    
Page
Property Applies to Computed value Canonical order
{{cssxref("orphans")}} {{cssappliestodef("orphans", "block container elements")}}    
{{cssxref("page-break-after")}} {{cssappliestodef("page-break-after", "block-level elements in the normal flow of the root element. UA may also apply it to other element like table-row elements.")}}    
{{cssxref("page-break-before")}} {{cssappliestodef("page-break-before", "block-level elements in the normal flow of the root element. UA may also apply it to other element like table-row elements.")}}    
{{cssxref("page-break-inside")}} {{cssappliestodef("page-break-inside", "block-level elements in the normal flow of the root element. UA may also apply it to other element like table-row elements.")}}    
{{cssxref("widows")}} {{cssappliestodef("widows", "block container elements")}}    
User interface
Property Applies to Computed value Canonical order
{{cssxref("outline")}} {{cssappliestodef("outline", "all elements")}}    
{{cssxref("outline-color")}} {{cssappliestodef("outline-color", "all elements")}}    
{{cssxref("outline-width")}} {{cssappliestodef("outline-width", "all elements")}}    
{{cssxref("outline-style")}} {{cssappliestodef("outline-style", "all elements")}}    
{{cssxref("outline-offset")}} {{cssappliestodef("outline-offset", "all elements")}}    
{{cssxref("cursor")}} {{cssappliestodef("cursor", "all elements")}}    
{{cssxref("resize")}} {{cssappliestodef("resize", "elements with overflow other than visible")}}    
{{cssxref("text-overflow")}} {{cssappliestodef("text-overflow", "block container elements")}}    
Generated content
Property Applies to Computed value Canonical order
{{cssxref("content")}} {{cssappliestodef("content", "::before and ::after pseudo-elements")}}    
{{cssxref("quotes")}} {{cssappliestodef("quotes", "all elements")}}    
Miscellaneous
Property Applies to Computed value Canonical order
{{cssxref("clip")}} {{cssappliestodef("clip", "absolutely positioned elements")}}    
{{cssxref("display")}} {{cssappliestodef("display", "all elements")}}    
{{cssxref("unicode-bidi")}} {{cssappliestodef("unicode", "all elements, though some values have no effect on non-inline elements")}}    
{{cssxref("ime-mode")}} {{cssappliestodef("ime-mode", "text fields")}}    

 

Revision Source

<p>{{draft()}}</p>
<p>{{Note("Please do not translate this page until it is done; it will be much easier at that point. The French translation is a test to be sure that it works well.")}}</p>
<p>This page lists all CSS properties and indicates on which elements they have effects, how their computed values is calculated and the canonical order to use when serializing values.</p>
<table class="standard-table">
  <thead>
    <tr>
      <th colspan="4" scope="col">Animations</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{cssxref("animation")}}</td>
      <td>{{cssappliestodef("animation", "all elements, ::before and ::after pseudo-elements")}}</td>
      <td>{{csscomputedshorthand("animation", "animation-name animation-delay animation-duration animation-timing-function animation-direction animation-iteration-count animation-fill-mode animation-play-state")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-delay")}}</td>
      <td>{{cssappliestodef("animation-delay", "all elements, ::before and ::after pseudo-elements")}}</td>
      <td>{{csscomputedasspecifieddef("animation-delay")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-direction")}}</td>
      <td>{{cssappliestodef("animation-direction", "all elements, ::before and ::after pseudo-elements")}}</td>
      <td>{{csscomputedasspecifieddef("animation-direction")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-duration")}}</td>
      <td>{{cssappliestodef("animation-duration", "all elements, ::before and ::after pseudo-elements")}}</td>
      <td>{{csscomputedasspecifieddef("animation-duration")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-fill-mode")}}</td>
      <td>{{cssappliestodef("animation-fill-mode", "all elements, ::before and ::after pseudo-elements")}}</td>
      <td>{{csscomputedasspecifieddef("animation-fill-mode")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-iteration-count")}}</td>
      <td>{{cssappliestodef("animation-iteration-count", "all elements, ::before and ::after pseudo-elements")}}</td>
      <td>{{csscomputedasspecifieddef("animation-iteration-count")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-name")}}</td>
      <td>{{cssappliestodef("animation-name", "all elements, ::before and ::after pseudo-elements")}}</td>
      <td>{{csscomputedasspecifieddef("animation-name")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-play-state")}}</td>
      <td>{{cssappliestodef("animation-play-state", "all elements, ::before and ::after pseudo-elements")}}</td>
      <td>{{csscomputedasspecifieddef("animation-play-state")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-timing-function")}}</td>
      <td>{{cssappliestodef("animation-timing-function", "all elements, ::before and ::after pseudo-elements")}}</td>
      <td>{{csscomputedasspecifieddef("animation-timing-function")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Transitions</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("transition")}}</td>
      <td>{{cssappliestodef("transition", "all elements, ::before and ::after pseudo-elements")}}</td>
      <td>{{csscomputedasspecifieddef("transition")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("transition-delay")}}</td>
      <td>{{cssappliestodef("transition-delay", "all elements, ::before and ::after pseudo-elements")}}</td>
      <td>{{csscomputedasspecifieddef("transition-delay")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("transition-duration")}}</td>
      <td>{{cssappliestodef("transition-duration", "all elements, ::before and ::after pseudo-elements")}}</td>
      <td>{{csscomputedasspecifieddef("transition-duration")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("transition-property")}}</td>
      <td>{{cssappliestodef("transition-property", "all elements, ::before and ::after pseudo-elements")}}</td>
      <td>{{csscomputedasspecifieddef("transition-property")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("transition-timing-function")}}</td>
      <td>{{cssappliestodef("transition-timing-function", "all elements, ::before and ::after pseudo-elements")}}</td>
      <td>{{csscomputedasspecifieddef("transition-timing-function")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Transforms</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("transform")}}</td>
      <td>{{cssappliestodef("transform", "transformable elements")}}</td>
      <td>{{csscomputeddef("perspective-origin", "as specified, but with relative lengths converted into absolute lengths")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("transform-origin")}}</td>
      <td>{{cssappliestodef("transform-origin", "transformable elements")}}</td>
      <td>{{csscomputeddef("transform-origin", "for &lt;length&gt; the absolute value, otherwise a percentage")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("transform-style")}}</td>
      <td>{{cssappliestodef("transform-style", "transformable elements")}}</td>
      <td>{{csscomputedasspecifieddef("transform-style")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("perspective")}}</td>
      <td>{{cssappliestodef("perspective", "transformable elements")}}</td>
      <td>{{csscomputeddef("perspective", "the absolute length or none")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("perspective-origin")}}</td>
      <td>{{cssappliestodef("perspective-origin", "transformable elements")}}</td>
      <td>{{csscomputeddef("perspective-origin", "for &lt;length&gt; the absolute value, otherwise a percentage")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("backface-visibility")}}</td>
      <td>{{cssappliestodef("backface-visibility", "transformable elements")}}</td>
      <td>{{csscomputedasspecifieddef("backface-visibility")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Color</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("color")}}</td>
      <td>{{cssappliestodef("color", "all elements")}}</td>
      <td>{{csscomputeddef("color", "If the value is translucent, the computed value will be the rgba() corresponding one. If it isn't, it will be the rgb() corresponding one. The transparent keyword maps to rgb(0,0,0).")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("opacity")}}</td>
      <td>{{cssappliestodef("opacity", "all elements")}}</td>
      <td>{{csscomputeddef("opacity", "the specified value, clipped in the range [0,1]")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Columns</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("columns")}}</td>
      <td>{{cssappliestodef("columns", "non-replaced block-level elements (except table elements), table cells, and inline-block elements")}}</td>
      <td>{{csscomputedshorthand("columns", "column-width column-count")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-width")}}</td>
      <td>{{cssappliestodef("column-width", "non-replaced block-level elements (except table elements), table cells, and inline-block elements")}}</td>
      <td>{{csscomputeddef("column-width", "the absolute length, zero or larger")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-count")}}</td>
      <td>{{cssappliestodef("column-count", "non-replaced block-level elements (except table elements), table cells, and inline-block elements")}}</td>
      <td>{{csscomputedasspecifieddef("column-count")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-gap")}}</td>
      <td>{{cssappliestodef("column-gap", "multicol elements")}}</td>
      <td>{{csscomputeddef("column-width", "the absolute length or the keyword normal")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-rule")}}</td>
      <td>{{cssappliestodef("column-rule", "multicol elements")}}</td>
      <td>{{csscomputedshorthand("column-rule", "column-rule-color column-rule-style column-rule-width")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-rule-color")}}</td>
      <td>{{cssappliestodef("column-rule-color", "multicol elements")}}</td>
      <td>{{csscomputedcolordef("column-rule-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-rule-style")}}</td>
      <td>{{cssappliestodef("column_rule-style", "multicol elements")}}</td>
      <td>{{csscomputedasspecifieddef("column-rule-style")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-rule-width")}}</td>
      <td>{{cssappliestodef("column-rule-width", "multicol elements")}}</td>
      <td>{{csscomputeddef("column-rule-width", "an absolute length; 0 if the column rule style is none or hidden")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("break-before")}}</td>
      <td>{{cssappliestodef("break-before", "block-level elements")}}</td>
      <td>{{csscomputedasspecifieddef("break-before")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("break-after")}}</td>
      <td>{{cssappliestodef("break-after", "block-level elements")}}</td>
      <td>{{csscomputedasspecifieddef("break-after")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("break-inside")}}</td>
      <td>{{cssappliestodef("break-inside", "block-level elements")}}</td>
      <td>{{csscomputedasspecifieddef("break-inside")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-span")}}</td>
      <td>{{cssappliestodef("column-span", "in-flow block-level elements")}}</td>
      <td>
        <div class="comment">
          {{csscomputedasspecifieddef("column-span")}}</div>
      </td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("column-fill")}}</td>
      <td>{{cssappliestodef("column-fill", "multicol elements")}}</td>
      <td>
        <div class="comment">
          {{csscomputedasspecifieddef("column-fill")}}</div>
      </td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Text</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("hyphens")}}</td>
      <td>{{cssappliestodef("hyphens", "all elements")}}</td>
      <td>
        <div class="comment">
          {{csscomputedasspecifieddef("hyphens")}}</div>
      </td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("letter-spacing")}}</td>
      <td>{{cssappliestodef("letter-spacing", "all elements")}}</td>
      <td>
        <div class="comment">
          <div class="comment">
            {{csscomputeddef("letter-specified", "an optimum value consisting of either an absolute length or the keyword 'normal'")}}</div>
        </div>
      </td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("word-wrap")}}</td>
      <td>{{cssappliestodef("word-wrap", "all elements")}}</td>
      <td>
        <div class="comment">
          {{csscomputedasspecifieddef("word-wrap")}}</div>
      </td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("overflow-wrap")}}</td>
      <td>{{cssappliestodef("overflow-wrap", "all elements")}}</td>
      <td>
        <div class="comment">
          <div class="comment">
            {{csscomputedasspecifieddef("overflow-wrap")}}</div>
        </div>
      </td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-transform")}}</td>
      <td>{{cssappliestodef("text-transform", "all elements")}}</td>
      <td>
        <div class="comment">
          {{csscomputedasspecifieddef("text-transform")}}</div>
      </td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("tab-size")}}</td>
      <td>{{cssappliestodef("tab-size", "block containers")}}</td>
      <td>{{csscomputeddef("tab-size", "the specified integer or an absolute length")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-align")}}</td>
      <td>{{cssappliestodef("text-align", "block containers")}}</td>
      <td>{{csscomputeddef("text-align", "as specified, except for the match-parent value which is calculated against its parent's direction value and results in a computed value of either left or right")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-align-last")}}</td>
      <td>{{cssappliestodef("text-align-last", "block containers")}}</td>
      <td>
        <div class="comment">
          <div class="comment">
            {{csscomputedasspecifieddef("text-align-last")}}</div>
        </div>
      </td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-indent")}}</td>
      <td>{{cssappliestodef("text-indent", "block containers")}}</td>
      <td>{{csscomputeddef("text-indent", "the percentage as specified or the absolute length, plus any keywords as specified")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("direction")}}</td>
      <td>{{cssappliestodef("direction", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("white-space")}}</td>
      <td>{{cssappliestodef("white-space", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("word-break")}}</td>
      <td>{{cssappliestodef("word-break", "all elements")}}</td>
      <td>{{csscomputedasspecifieddef("word-break")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("word-spacing")}}</td>
      <td>{{cssappliestodef("word-spacing", "all elements")}}</td>
      <td>
        <div class="comment">
          <div class="comment">
            {{csscomputeddef("word-spacing", "an optimum, minimum, and maximum value, each consisting of either an absolute length, a percentage, or the keyword normal")}}</div>
        </div>
      </td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Text decorations</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration")}}</td>
      <td>{{cssappliestodef("text-decoration", "all elements")}}</td>
      <td>{{csscomputedshorthand("text-decoration", "text-decoration-line text-decoration-style text-decoration-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration-color")}}</td>
      <td>{{cssappliestodef("text-decoration-color", "all elements")}}</td>
      <td>{{csscomputedcolordef("text-decoration-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration-style")}}</td>
      <td>{{cssappliestodef("text-decoration-style", "all elements")}}</td>
      <td>{{csscomputedasspecifieddef("text-decoration-style")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration-line")}}</td>
      <td>{{cssappliestodef("text-decoration-line", "all elements")}}</td>
      <td>{{csscomputedasspecifieddef("text-decoration-line")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration-skip")}}</td>
      <td>{{cssappliestodef("text-decoration-skip", "all elements")}}</td>
      <td>{{csscomputedasspecifieddef("text-decoration-skip")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-underline-position")}}</td>
      <td>{{cssappliestodef("text-underline-position", "all elements")}}</td>
      <td>{{csscomputedasspecifieddef("text-underline-position")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Flexible boxes</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("align-content")}}</td>
      <td>{{cssappliestodef("align-content", "multi-line flex containers")}}</td>
      <td>{{csscomputedasspecifieddef("align-content")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("align-items")}}</td>
      <td>{{cssappliestodef("align-items", "flex containers")}}</td>
      <td>{{csscomputedasspecifieddef("align-items")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("align-self")}}</td>
      <td>{{cssappliestodef("align-self", "flex items")}}</td>
      <td>{{csscomputeddef("align-self", "auto computes to parent's align-items; otherwise as specified")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-basis")}}</td>
      <td>{{cssappliestodef("flex-basis", "flex items")}}</td>
      <td>{{csscomputeddef("flex-basis", "as specified, with lengths made absolute")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-direction")}}</td>
      <td>{{cssappliestodef("flex-direction", "flex containers")}}</td>
      <td>{{csscomputedasspecifieddef("flex-direction")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-flow")}}</td>
      <td>{{cssappliestodef("flex-flow", "flex containers")}}</td>
      <td>{{csscomputedshorthand("flex-flow", "flex-direction flex-wrap")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-grow")}}</td>
      <td>{{cssappliestodef("flex-grow", "flex items")}}</td>
      <td>{{csscomputedasspecifieddef("flex-grow")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-shrink")}}</td>
      <td>{{cssappliestodef("flex-shrink", "flex items")}}</td>
      <td>{{csscomputedasspecifieddef("flex-shrink")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("flex")}}</td>
      <td>{{cssappliestodef("flex", "flex items")}}</td>
      <td>{{csscomputedshorthand("flex", "flex-grow flex-shrink flex-basis")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-wrap")}}</td>
      <td>{{cssappliestodef("flex-wrap", "flex containers")}}</td>
      <td>{{csscomputedasspecifieddef("flex-wrap")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("justify-content")}}</td>
      <td>{{cssappliestodef("justify-content", "flex containers")}}</td>
      <td>{{csscomputedasspecifieddef("justify-content")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("order")}}</td>
      <td>{{cssappliestodef("order", "flex items and absolutely-positioned flex container children")}}</td>
      <td>{{csscomputedasspecifieddef("order")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Background &amp; Borders</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("background")}}</td>
      <td>{{cssappliestodef("background", "all elements")}}</td>
      <td>{{csscomputedshorthand("background", "background-color background-image background-clip background-position background-size background-repeat background-attachment")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("background-attachment")}}</td>
      <td>{{cssappliestodef("background-attachment", "all elements")}}</td>
      <td>{{csscomputedasspecifieddef("background-attachment")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("background-clip")}}</td>
      <td>{{cssappliestodef("background-clip", "all elements")}}</td>
      <td>{{csscomputedasspecifieddef("background-clip")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("background-color")}}</td>
      <td>{{cssappliestodef("background-color", "all elements")}}</td>
      <td>{{csscomputedcolordef("background-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("background-image")}}</td>
      <td>{{cssappliestodef("background-image", "all elements")}}</td>
      <td>{{csscomputeddef("background-image", "as specified, but with URIs made absolute")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("background-origin")}}</td>
      <td>{{cssappliestodef("background-origin", "all elements")}}</td>
      <td>{{csscomputedasspecifieddef("background-origin")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("background-position")}}</td>
      <td>{{cssappliestodef("background-position", "all elements")}}</td>
      <td>{{csscomputeddef("background-repeat", "a list, each item consisting of two keywords representing the origin and two offsets from that origin, each given as an absolute length (if given a &lt;length&gt;), otherwise as a percentage")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("background-repeat")}}</td>
      <td>{{cssappliestodef("background-repeat", "all elements")}}</td>
      <td>{{csscomputeddef("background-repeat", "a list, each item consisting of two keywords, one per dimension")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("background-size")}}</td>
      <td>{{cssappliestodef("background-size", "all elements")}}</td>
      <td>{{csscomputeddef("background-size", "as specified, with lengths made absolute")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border")}}</td>
      <td>{{cssappliestodef("border", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom")}}</td>
      <td>{{cssappliestodef("border-bottom", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-color")}}</td>
      <td>{{cssappliestodef("border-bottom-color", "all elements")}}</td>
      <td>{{csscomputedcolordef("border-bottom-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-left-radius")}}</td>
      <td>{{cssappliestodef("border-bottom-left-radius", "all elements; but UA are not required to apply to table and inline-table elements when border-collapse is collapse. The behavior on internal table elements is undefined for the moment.")}}</td>
      <td>{{csscomputeddef("border-bottom-left-radius", "two absolute length or percentages")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-right-radius")}}</td>
      <td>{{cssappliestodef("border-bottom-right-radius", "all elements; but UA are not required to apply to table and inline-table elements when border-collapse is collapse. The behavior on internal table elements is undefined for the moment.")}}</td>
      <td>{{csscomputeddef("border-bottom-right-radius", "two absolute length or percentages")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-style")}}</td>
      <td>{{cssappliestodef("border-bottom-style", "all elements")}}</td>
      <td>{{csscomputedasspecifieddef("border-bottom-style")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-width")}}</td>
      <td>{{cssappliestodef("border-bottom-width", "all elements")}}</td>
      <td>{{csscomputeddef("border-bottom-width", "the absolute length or 0 is border-bottom-style is none or hidden")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-color")}}</td>
      <td>{{cssappliestodef("border-color", "all elements")}}</td>
      <td>{{csscomputedshorthand("border-color", "border-bottom-color border-left-color border-right-color border-top-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image")}}</td>
      <td>{{cssappliestoshorthand("border-image", "border-image-outset border-image-repeat border-image-slice border-image-source border-image-width")}}</td>
      <td>{{csscomputedshorthand("border-image", "border-image-outset border-image-repeat border-image-slice border-image-source border-image-width")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-outset")}}</td>
      <td>{{cssappliestodef("border-image-outset", "all elements, except internal table elements when border-collapse is collapse")}}</td>
      <td>{{csscomputeddef("border-image-outset", "all lengths made absolute, otherwise as specified")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-repeat")}}</td>
      <td>{{cssappliestodef("border-image-repeat", "all elements, except internal table elements when border-collapse is collapse")}}</td>
      <td>{{csscomputedasspecifieddef("border-image-repeat")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-slice")}}</td>
      <td>{{cssappliestodef("border-image-slice", "all elements, except internal table elements when border-collapse is collapse")}}</td>
      <td>{{csscomputeddef("border-image-slice", "one to four percentage(s) (as specified) or absolute length(s), plus the keyword fill if specified")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-source")}}</td>
      <td>{{cssappliestodef("border-image-source", "all elements, except internal table elements when border-collapse is collapse")}}</td>
      <td>{{csscomputeddef("border-image-source", "none or the image its URI made absolute")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-width")}}</td>
      <td>{{cssappliestodef("border-image-width", "all elements, except table elements when border-collapse is collapse")}}</td>
      <td>{{csscomputeddef("border-image-width", "all lengths made absolute, otherwise as specified")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-left")}}</td>
      <td>{{cssappliestodef("border-left", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-left-color")}}</td>
      <td>{{cssappliestodef("border-left-color", "all elements")}}</td>
      <td>{{csscomputedcolordef("border-left-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-left-style")}}</td>
      <td>{{cssappliestodef("border-left-style", "all elements")}}</td>
      <td>{{csscomputedasspecifieddef("border-left-style")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-left-width")}}</td>
      <td>{{cssappliestodef("border-left-width", "all elements")}}</td>
      <td>{{csscomputeddef("border-left-width", "the absolute length or 0 is border-left-style is none or hidden")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-radius")}}</td>
      <td>{{cssappliestodef("border-radius", "all elements; but UA are not required to apply to table and inline-table elements when border-collapse is collapse. The behavior on internal table elements is undefined for the moment.")}}</td>
      <td>{{csscomputedshorthand("border-radius", "border-bottom-left-radius border-bottom-right-radius border-top-left-radius border-top-right-radius")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-right")}}</td>
      <td>{{cssappliestodef("border-right", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-right-color")}}</td>
      <td>{{cssappliestodef("border-right-color", "all elements")}}</td>
      <td>{{csscomputedcolordef("border-right-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-right-style")}}</td>
      <td>{{cssappliestodef("border-right-style", "all elements")}}</td>
      <td>{{csscomputedasspecifieddef("border-right-style")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-right-width")}}</td>
      <td>{{cssappliestodef("border-right-width", "all elements")}}</td>
      <td>{{csscomputeddef("border-right-width", "the absolute length or 0 is border-right-style is none or hidden")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-style")}}</td>
      <td>{{cssappliestodef("border-style", "all elements")}}</td>
      <td>{{csscomputedshorthand("border-style", "border-bottom-style border-left-style border-right-style border-top-style")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top")}}</td>
      <td>{{cssappliestodef("border-top", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-color")}}</td>
      <td>{{cssappliestodef("border-top-color", "all elements")}}</td>
      <td>{{csscomputedcolordef("border-right-color")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-left-radius")}}</td>
      <td>{{cssappliestodef("border-top-left-radius", "all elements; but UA are not required to apply to table and inline-table elements when border-collapse is collapse. The behavior on internal table elements is undefined for the moment.")}}</td>
      <td>{{csscomputeddef("border-top-left-radius", "two absolute length or percentages")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-right-radius")}}</td>
      <td>{{cssappliestodef("border-top-right-radius", "all elements; but UA are not required to apply to table and inline-table elements when border-collapse is collapse. The behavior on internal table elements is undefined for the moment.")}}</td>
      <td>{{csscomputeddef("border-top-radius-radius", "two absolute length or percentages")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-style")}}</td>
      <td>{{cssappliestodef("border-top-style", "all elements")}}</td>
      <td>{{csscomputedasspecifieddef("border-top-style")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-width")}}</td>
      <td>{{cssappliestodef("border-top-width", "all elements")}}</td>
      <td>{{csscomputeddef("border-top-width", "the absolute length or 0 is border-top-style is none or hidden")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-width")}}</td>
      <td>{{cssappliestodef("border-width", "all elements")}}</td>
      <td>{{csscomputedshorthand("border-width", "border-bottom-width border-left-width border-right-width border-top-width")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Box Model</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("box-decoration-break")}}</td>
      <td>{{cssappliestodef("box-decoration-break", "all elements")}}</td>
      <td>{{csscomputedasspecifieddef("box-decoration-break")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("box-shadow")}}</td>
      <td>{{cssappliestodef("box-shadow", "all elements")}}</td>
      <td>{{csscomputeddef("box-shadow", "any length made absolute; any specified color computed; otherwise as specified")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("margin")}}</td>
      <td>{{cssappliestodef("margin", "all elements except elements with table display types other than table-caption, table and inline-table")}}</td>
      <td>{{csscomputedshorthand("margin", "margin-bottom margin-left margin-right margin-top")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("margin-bottom")}}</td>
      <td>{{cssappliestodef("margin-bottom", "all elements except elements with table display types other than table-caption, table and inline-table")}}</td>
      <td>{{csscomputeddef("margin-bottom", "the percentage as specified or the absolute length")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("margin-left")}}</td>
      <td>{{cssappliestodef("margin-left", "all elements except elements with table display types other than table-caption, table and inline-table")}}</td>
      <td>{{csscomputeddef("margin-left", "the percentage as specified or the absolute length")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("margin-right")}}</td>
      <td>{{cssappliestodef("margin-right", "all elements except elements with table display types other than table-caption, table and inline-table")}}</td>
      <td>{{csscomputeddef("margin-right", "the percentage as specified or the absolute length")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("margin-top")}}</td>
      <td>{{cssappliestodef("margin-top", "all elements except elements with table display types other than table-caption, table and inline-table")}}</td>
      <td>{{csscomputeddef("margin-top", "the percentage as specified or the absolute length")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("padding")}}</td>
      <td>{{cssappliestodef("padding", "all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column")}}</td>
      <td>{{csscomputedshorthand("padding", "padding-bottom padding-left padding-right padding-top")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("padding-bottom")}}</td>
      <td>{{cssappliestodef("padding", "all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column")}}</td>
      <td>{{csscomputeddef("padding-bottom", "the percentage as specified or the absolute length")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("padding-left")}}</td>
      <td>{{cssappliestodef("padding-left", "all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column")}}</td>
      <td>{{csscomputeddef("padding-left", "the percentage as specified or the absolute length")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("padding-right")}}</td>
      <td>{{cssappliestodef("padding-right", "all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column")}}</td>
      <td>{{csscomputeddef("padding-right", "the percentage as specified or the absolute length")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("padding-top")}}</td>
      <td>{{cssappliestodef("padding", "all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column")}}</td>
      <td>{{csscomputeddef("padding-top", "the percentage as specified or the absolute length")}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("box-sizing")}}</td>
      <td>{{cssappliestodef("box-sizing", "all elements that accept width or height")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("max-height")}}</td>
      <td>{{cssappliestodef("max-height", "all elements but non-replaced inline elements, table columns, and column groups")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("min-height")}}</td>
      <td>{{cssappliestodef("min-height", "all elements but non-replaced inline elements, table columns, and column groups")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("height")}}</td>
      <td>{{cssappliestodef("height", "all elements but non-replaced inline elements, table columns, and column groups")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("max-width")}}</td>
      <td>{{cssappliestodef("max-width", "all elements but non-replaced inline elements, table rows, and row groups")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("min-width")}}</td>
      <td>{{cssappliestodef("min-width", "all elements but non-replaced inline elements, table rows, and row groups")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("width")}}</td>
      <td>{{cssappliestodef("width", "all elements but non-replaced inline elements, table rows, and row groups")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("overflow")}}</td>
      <td>{{cssappliestodef("overflow", "non-replaced block-level elements and non-replaced inline-block elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("overflow-x")}}</td>
      <td>{{cssappliestodef("overflow-x", "non-replaced block-level elements and non-replaced inline-block elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("overflow-y")}}</td>
      <td>{{cssappliestodef("overflow-y", "non-replaced block-level elements and non-replaced inline-block elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("visibility")}}</td>
      <td>{{cssappliestodef("visibility", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Table</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("border-collapse")}}</td>
      <td>{{cssappliestodef("border-collapse", "table and inline-table elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("border-spacing")}}</td>
      <td>{{cssappliestodef("border-spacing", "table and inline-table elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("caption-side")}}</td>
      <td>{{cssappliestodef("caption-side", "table-caption elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("empty-cells")}}</td>
      <td>{{cssappliestodef("empty-cells", "table-cell elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("table-layout")}}</td>
      <td>{{cssappliestodef("table-layout", "table and inline-table elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("vertical-align")}}</td>
      <td>{{cssappliestodef("vertical-align", "inline-level and table-cell elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Positioning</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("bottom")}}</td>
      <td>{{cssappliestodef("bottom", "positioned elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("left")}}</td>
      <td>{{cssappliestodef("left", "positioned elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("right")}}</td>
      <td>{{cssappliestodef("right", "positioned elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("top")}}</td>
      <td>{{cssappliestodef("top", "positioned elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("float")}}</td>
      <td>{{cssappliestodef("float", "all elements, but has no effect if the value of display is none.")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("clear")}}</td>
      <td>{{cssappliestodef("clear", "block-level elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("position")}}</td>
      <td>{{cssappliestodef("position", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("z-index")}}</td>
      <td>{{cssappliestodef("z-index", "positioned elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Fonts</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("font")}}</td>
      <td>{{cssappliestodef("font", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("font-family")}}</td>
      <td>{{cssappliestodef("font-family", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("font-variant")}}</td>
      <td>{{cssappliestodef("font-variant", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("font-weight")}}</td>
      <td>{{cssappliestodef("font-weight", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("font-stretch")}}</td>
      <td>{{cssappliestodef("font-stretch", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("font-size")}}</td>
      <td>{{cssappliestodef("font-size", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("line-height")}}</td>
      <td>{{cssappliestodef("line-height", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("font-feature-settings")}}</td>
      <td>{{cssappliestodef("font-feature-settings", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("font-size-adjust")}}</td>
      <td>{{cssappliestodef("font-size-adjust", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("font-style")}}</td>
      <td>{{cssappliestodef("font-style", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Images</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("image-rendering")}}</td>
      <td>{{cssappliestodef("image-rendering", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("image-orientation")}}</td>
      <td>{{cssappliestodef("image-orientation", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Counters &amp; Lists</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("counter-increment")}}</td>
      <td>{{cssappliestodef("counter-increment", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("counter-reset")}}</td>
      <td>{{cssappliestodef("counter-reset", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("list-style")}}</td>
      <td>{{cssappliestodef("list-style", "list items")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("list-style-image")}}</td>
      <td>{{cssappliestodef("list-style-image", "list items")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("list-style-position")}}</td>
      <td>{{cssappliestodef("list-style-position", "list items")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("list-style-type")}}</td>
      <td>{{cssappliestodef("list-style-type", "list items")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Page</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("orphans")}}</td>
      <td>{{cssappliestodef("orphans", "block container elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("page-break-after")}}</td>
      <td>{{cssappliestodef("page-break-after", "block-level elements in the normal flow of the root element. UA may also apply it to other element like table-row elements.")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("page-break-before")}}</td>
      <td>{{cssappliestodef("page-break-before", "block-level elements in the normal flow of the root element. UA may also apply it to other element like table-row elements.")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("page-break-inside")}}</td>
      <td>{{cssappliestodef("page-break-inside", "block-level elements in the normal flow of the root element. UA may also apply it to other element like table-row elements.")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("widows")}}</td>
      <td>{{cssappliestodef("widows", "block container elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">User interface</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("outline")}}</td>
      <td>{{cssappliestodef("outline", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("outline-color")}}</td>
      <td>{{cssappliestodef("outline-color", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("outline-width")}}</td>
      <td>{{cssappliestodef("outline-width", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("outline-style")}}</td>
      <td>{{cssappliestodef("outline-style", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("outline-offset")}}</td>
      <td>{{cssappliestodef("outline-offset", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("cursor")}}</td>
      <td>{{cssappliestodef("cursor", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("resize")}}</td>
      <td>{{cssappliestodef("resize", "elements with overflow other than visible")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("text-overflow")}}</td>
      <td>{{cssappliestodef("text-overflow", "block container elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Generated content</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("content")}}</td>
      <td>{{cssappliestodef("content", "::before and ::after pseudo-elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("quotes")}}</td>
      <td>{{cssappliestodef("quotes", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th colspan="4" scope="col">Miscellaneous</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Applies to</th>
      <th scope="col">Computed value</th>
      <th scope="col">Canonical order</th>
    </tr>
    <tr>
      <td>{{cssxref("clip")}}</td>
      <td>{{cssappliestodef("clip", "absolutely positioned elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("display")}}</td>
      <td>{{cssappliestodef("display", "all elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("unicode-bidi")}}</td>
      <td>{{cssappliestodef("unicode", "all elements, though some values have no effect on non-inline elements")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{cssxref("ime-mode")}}</td>
      <td>{{cssappliestodef("ime-mode", "text fields")}}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<p>&nbsp;</p>
Revert to this revision