CSS values serialization

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
animation all elements, ::before and ::after pseudo-elements as each of the properties of the shorthand:
  • animation-name: as specified
  • animation-duration: as specified
  • animation-timing-function: as specified
  • animation-delay: as specified
  • animation-direction: as specified
  • animation-iteration-count: as specified
  • animation-fill-mode: as specified
  • animation-play-state: as specified
order of appearance in the formal grammar of the values
animation-delay all elements, ::before and ::after pseudo-elements as specified the unique non-ambiguous order defined by the formal grammar
animation-direction all elements, ::before and ::after pseudo-elements as specified the unique non-ambiguous order defined by the formal grammar
animation-duration all elements, ::before and ::after pseudo-elements as specified the unique non-ambiguous order defined by the formal grammar
animation-fill-mode all elements, ::before and ::after pseudo-elements as specified the unique non-ambiguous order defined by the formal grammar
animation-iteration-count all elements, ::before and ::after pseudo-elements as specified the unique non-ambiguous order defined by the formal grammar
animation-name all elements, ::before and ::after pseudo-elements as specified the unique non-ambiguous order defined by the formal grammar
animation-play-state all elements, ::before and ::after pseudo-elements as specified the unique non-ambiguous order defined by the formal grammar
animation-timing-function all elements, ::before and ::after pseudo-elements as specified the unique non-ambiguous order defined by the formal grammar
Transitions
Property Applies to Computed value Canonical order
transition all elements, ::before and ::after pseudo-elements as specified order of appearance in the formal grammar of the values
transition-delay all elements, ::before and ::after pseudo-elements as specified the unique non-ambiguous order defined by the formal grammar
transition-duration all elements, ::before and ::after pseudo-elements as specified the unique non-ambiguous order defined by the formal grammar
transition-property all elements, ::before and ::after pseudo-elements as specified the unique non-ambiguous order defined by the formal grammar
transition-timing-function all elements, ::before and ::after pseudo-elements as specified the unique non-ambiguous order defined by the formal grammar
Transforms
Property Applies to Computed value Canonical order
transform transformable elements as specified, but with relative lengths converted into absolute lengths the unique non-ambiguous order defined by the formal grammar
transform-origin transformable elements for <length> the absolute value, otherwise a percentage One or two values, with length made absolute and keywords translated to percentages
transform-style transformable elements as specified the unique non-ambiguous order defined by the formal grammar
perspective transformable elements the absolute length or none the unique non-ambiguous order defined by the formal grammar
perspective-origin transformable elements for <length> the absolute value, otherwise a percentage One or two values, with length made absolute and keywords translated to percentages
backface-visibility transformable elements as specified the unique non-ambiguous order defined by the formal grammar
Color
Property Applies to Computed value Canonical order
color all elements 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 rgba(0,0,0,0). the unique non-ambiguous order defined by the formal grammar
opacity all elements the specified value, clipped in the range [0,1] the unique non-ambiguous order defined by the formal grammar
Columns
Property Applies to Computed value Canonical order
columns non-replaced block or table elements, table-cell or inline-block elements as each of the properties of the shorthand:
  • column-width: the absolute length, zero or larger
  • column-count: as specified
order of appearance in the formal grammar of the values
column-width non-replaced block or table elements, table-cell or inline-block elements the absolute length, zero or larger the unique non-ambiguous order defined by the formal grammar
column-count non-replaced block or table elements, table-cell or inline-block elements as specified the unique non-ambiguous order defined by the formal grammar
column-gap multicol elements the absolute length or the keyword normal the unique non-ambiguous order defined by the formal grammar
column-rule multicol elements as each of the properties of the shorthand:
  • column-rule-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 rgba(0,0,0,0).
  • column-rule-style: as specified
  • column-rule-width: an absolute length; 0 if the column rule style is none or hidden
order of appearance in the formal grammar of the values
column-rule-color multicol elements 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 rgba(0,0,0,0). the unique non-ambiguous order defined by the formal grammar
column-rule-style multicol elements as specified the unique non-ambiguous order defined by the formal grammar
column-rule-width multicol elements an absolute length; 0 if the column rule style is none or hidden the unique non-ambiguous order defined by the formal grammar
break-before block-level elements as specified the unique non-ambiguous order defined by the formal grammar
break-after block-level elements as specified the unique non-ambiguous order defined by the formal grammar
break-inside block-level elements as specified the unique non-ambiguous order defined by the formal grammar
column-span in-flow block-level elements
as specified
the unique non-ambiguous order defined by the formal grammar
column-fill multicol elements
as specified
the unique non-ambiguous order defined by the formal grammar
Text
Property Applies to Computed value Canonical order
hyphens all elements
as specified
the unique non-ambiguous order defined by the formal grammar
letter-spacing all elements
an optimum value consisting of either an absolute length or the keyword normal
the unique non-ambiguous order defined by the formal grammar
word-wrap all elements
as specified
the unique non-ambiguous order defined by the formal grammar
overflow-wrap all elements
as specified
the unique non-ambiguous order defined by the formal grammar
text-transform all elements
as specified
the unique non-ambiguous order defined by the formal grammar
tab-size block containers the specified integer or an absolute length the unique non-ambiguous order defined by the formal grammar
text-align block containers 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 order of appearance in the formal grammar of the values
text-align-last block containers
as specified
the unique non-ambiguous order defined by the formal grammar
text-indent block containers the percentage as specified or the absolute length, plus any keywords as specified the length or percentage before the keywords, if both are present. If several keywords are present, they appear in the same order as their appearance in the formal grammar.
direction all elements as specified the unique non-ambiguous order defined by the formal grammar
white-space all elements as specified the unique non-ambiguous order defined by the formal grammar
word-break all elements as specified the unique non-ambiguous order defined by the formal grammar
word-spacing all elements
an optimum, minimum, and maximum value, each consisting of either an absolute length, a percentage, or the keyword normal
the unique non-ambiguous order defined by the formal grammar
Text decorations
Property Applies to Computed value Canonical order
text-decoration all elements as each of the properties of the shorthand:
  • text-decoration-line: as specified
  • text-decoration-style: as specified
  • text-decoration-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 rgba(0,0,0,0).
order of appearance in the formal grammar of the values
text-decoration-color all elements 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 rgba(0,0,0,0). the unique non-ambiguous order defined by the formal grammar
text-decoration-style all elements as specified the unique non-ambiguous order defined by the formal grammar
text-decoration-line all elements as specified order of appearance in the formal grammar of the values
text-decoration-skip all elements as specified order of appearance in the formal grammar of the values
text-shadow all elements a color plus three absolute lengths the unique non-ambiguous order defined by the formal grammar
text-underline-position all elements as specified order of appearance in the formal grammar of the values
Flexible boxes
Property Applies to Computed value Canonical order
align-content multi-line flex containers as specified the unique non-ambiguous order defined by the formal grammar
align-items flex containers as specified the unique non-ambiguous order defined by the formal grammar
align-self flex items, including in-flow pseudo-elements auto computes to parent's align-items; otherwise as specified the unique non-ambiguous order defined by the formal grammar
flex-basis flex items, including in-flow pseudo-elements as specified, with lengths made absolute the length or percentage before the keyword, if both are present
flex-direction flex containers as specified the unique non-ambiguous order defined by the formal grammar
flex-flow flex containers as each of the properties of the shorthand:
  • flex-direction: as specified
  • flex-wrap: as specified
order of appearance in the formal grammar of the values
flex-grow flex items, including in-flow pseudo-elements as specified the unique non-ambiguous order defined by the formal grammar
flex-shrink flex items, including in-flow pseudo-elements as specified the unique non-ambiguous order defined by the formal grammar
flex flex items, including in-flow pseudo-elements as each of the properties of the shorthand:
  • flex-grow: as specified
  • flex-shrink: as specified
  • flex-basis: as specified, with lengths made absolute
order of appearance in the formal grammar of the values
flex-wrap flex containers as specified the unique non-ambiguous order defined by the formal grammar
justify-content flex containers as specified the unique non-ambiguous order defined by the formal grammar
order flex items and absolutely-positioned flex container children as specified the unique non-ambiguous order defined by the formal grammar
Background & Borders
Property Applies to Computed value Canonical order
background all elements as each of the properties of the shorthand:
  • background-image: as specified, but with URIs made absolute
  • background-position: 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
  • background-size: as specified, with lengths made absolute
  • background-repeat: a list, each item consisting of two keywords, one per dimension
  • background-origin: as specified
  • background-style: is itself a shorthand, applies to the same elements as each of its longhand properties.
  • background-clip: as specified
  • background-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 rgba(0,0,0,0).
order of appearance in the formal grammar of the values
background-attachment all elements as specified the unique non-ambiguous order defined by the formal grammar
background-clip all elements as specified the unique non-ambiguous order defined by the formal grammar
background-color all elements 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 rgba(0,0,0,0). the unique non-ambiguous order defined by the formal grammar
background-image all elements as specified, but with URIs made absolute the unique non-ambiguous order defined by the formal grammar
background-origin all elements as specified the unique non-ambiguous order defined by the formal grammar
background-position all elements 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 the unique non-ambiguous order defined by the formal grammar
background-repeat all elements a list, each item consisting of two keywords, one per dimension the unique non-ambiguous order defined by the formal grammar
background-size all elements as specified, with lengths made absolute the unique non-ambiguous order defined by the formal grammar
border all elements as each of the properties of the shorthand:
  • border-width: as each of the properties of the shorthand:
  • border-style: as each of the properties of the shorthand:
    • border-bottom-style: as specified
    • border-left-style: as specified
    • border-right-style: as specified
    • border-top-style: as specified
  • border-color: as each of the properties of the shorthand:
    • border-bottom-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 rgba(0,0,0,0).
    • border-left-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 rgba(0,0,0,0).
    • border-right-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 rgba(0,0,0,0).
    • border-top-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 rgba(0,0,0,0).
order of appearance in the formal grammar of the values
border-bottom all elements as each of the properties of the shorthand:
  • border-bottom-width: the absolute length or 0 if border-bottom-style is none or hidden
  • border-bottom-style: as specified
  • border-bottom-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 rgba(0,0,0,0).
order of appearance in the formal grammar of the values
border-bottom-color all elements 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 rgba(0,0,0,0). the unique non-ambiguous order defined by the formal grammar
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. two absolute length or percentages the unique non-ambiguous order defined by the formal grammar
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. two absolute length or percentages the unique non-ambiguous order defined by the formal grammar
border-bottom-style all elements as specified the unique non-ambiguous order defined by the formal grammar
border-bottom-width all elements the absolute length or 0 if border-bottom-style is none or hidden the unique non-ambiguous order defined by the formal grammar
border-color all elements as each of the properties of the shorthand:
  • border-bottom-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 rgba(0,0,0,0).
  • border-left-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 rgba(0,0,0,0).
  • border-right-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 rgba(0,0,0,0).
  • border-top-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 rgba(0,0,0,0).
the unique non-ambiguous order defined by the formal grammar
border-image as each of the properties of the shorthand:
  • border-image-outset: all elements, except internal table elements when border-collapse is collapse
  • border-image-repeat: all elements, except internal table elements when border-collapse is collapse
  • border-image-slice: all elements, except internal table elements when border-collapse is collapse
  • border-image-source: all elements, except internal table elements when border-collapse is collapse
  • border-image-width: all elements, except table elements when border-collapse is collapse
as each of the properties of the shorthand:
  • border-image-outset: all lengths made absolute, otherwise as specified
  • border-image-repeat: as specified
  • border-image-slice: one to four percentage(s) (as specified) or absolute length(s), plus the keyword fill if specified
  • border-image-source: none or the image with its URI made absolute
  • border-image-width: all lengths made absolute, otherwise as specified
the unique non-ambiguous order defined by the formal grammar
border-image-outset all elements, except internal table elements when border-collapse is collapse all lengths made absolute, otherwise as specified the unique non-ambiguous order defined by the formal grammar
border-image-repeat all elements, except internal table elements when border-collapse is collapse as specified the unique non-ambiguous order defined by the formal grammar
border-image-slice all elements, except internal table elements when border-collapse is collapse one to four percentage(s) (as specified) or absolute length(s), plus the keyword fill if specified the percentages or lengths, eventually followed by the keyword fill
border-image-source all elements, except internal table elements when border-collapse is collapse none or the image with its URI made absolute the unique non-ambiguous order defined by the formal grammar
border-image-width all elements, except table elements when border-collapse is collapse all lengths made absolute, otherwise as specified the unique non-ambiguous order defined by the formal grammar
border-left all elements as each of the properties of the shorthand:
  • border-left-width: the absolute length or 0 if border-left-style is none or hidden
  • border-left-style: as specified
  • border-left-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 rgba(0,0,0,0).
order of appearance in the formal grammar of the values
border-left-color all elements 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 rgba(0,0,0,0). the unique non-ambiguous order defined by the formal grammar
border-left-style all elements as specified the unique non-ambiguous order defined by the formal grammar
border-left-width all elements the absolute length or 0 if border-left-style is none or hidden the unique non-ambiguous order defined by the formal grammar
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. as each of the properties of the shorthand:
  • border-bottom-left-radius: two absolute length or percentages
  • border-bottom-right-radius: two absolute length or percentages
  • border-top-left-radius: two absolute length or percentages
  • border-top-right-radius: two absolute length or percentages
the unique non-ambiguous order defined by the formal grammar
border-right all elements as each of the properties of the shorthand:
  • border-right-width: the absolute length or 0 if border-right-style is none or hidden
  • border-right-style: as specified
  • border-right-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 rgba(0,0,0,0).
order of appearance in the formal grammar of the values
border-right-color all elements 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 rgba(0,0,0,0). the unique non-ambiguous order defined by the formal grammar
border-right-style all elements as specified the unique non-ambiguous order defined by the formal grammar
border-right-width all elements the absolute length or 0 if border-right-style is none or hidden the unique non-ambiguous order defined by the formal grammar
border-style all elements as each of the properties of the shorthand:
  • border-bottom-style: as specified
  • border-left-style: as specified
  • border-right-style: as specified
  • border-top-style: as specified
the unique non-ambiguous order defined by the formal grammar
border-top all elements as each of the properties of the shorthand:
  • border-top-width: the absolute length or 0 if border-top-style is none or hidden
  • border-top-style: as specified
  • border-top-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 rgba(0,0,0,0).
order of appearance in the formal grammar of the values
border-top-color all elements 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 rgba(0,0,0,0). the unique non-ambiguous order defined by the formal grammar
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. two absolute length or percentages the unique non-ambiguous order defined by the formal grammar
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. two absolute length or percentages the unique non-ambiguous order defined by the formal grammar
border-top-style all elements as specified the unique non-ambiguous order defined by the formal grammar
border-top-width all elements the absolute length or 0 if border-top-style is none or hidden the unique non-ambiguous order defined by the formal grammar
border-width all elements as each of the properties of the shorthand: the unique non-ambiguous order defined by the formal grammar
Box Model
Property Applies to Computed value Canonical order
box-decoration-break all elements as specified the unique non-ambiguous order defined by the formal grammar
box-shadow all elements any length made absolute; any specified color computed; otherwise as specified the unique non-ambiguous order defined by the formal grammar
margin all elements except elements with table display types other than table-caption, table and inline-table as each of the properties of the shorthand:
  • margin-bottom: the percentage as specified or the absolute length
  • margin-left: the percentage as specified or the absolute length
  • margin-right: the percentage as specified or the absolute length
  • margin-top: the percentage as specified or the absolute length
the unique non-ambiguous order defined by the formal grammar
margin-bottom all elements except elements with table display types other than table-caption, table and inline-table the percentage as specified or the absolute length the unique non-ambiguous order defined by the formal grammar
margin-left all elements except elements with table display types other than table-caption, table and inline-table the percentage as specified or the absolute length the unique non-ambiguous order defined by the formal grammar
margin-right all elements except elements with table display types other than table-caption, table and inline-table the percentage as specified or the absolute length the unique non-ambiguous order defined by the formal grammar
margin-top all elements except elements with table display types other than table-caption, table and inline-table the percentage as specified or the absolute length the unique non-ambiguous order defined by the formal grammar
padding all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column as each of the properties of the shorthand:
  • padding-bottom: the percentage as specified or the absolute length
  • padding-left: the percentage as specified or the absolute length
  • padding-right: the percentage as specified or the absolute length
  • padding-top: the percentage as specified or the absolute length
the unique non-ambiguous order defined by the formal grammar
padding-bottom all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column the percentage as specified or the absolute length the unique non-ambiguous order defined by the formal grammar
padding-left all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column the percentage as specified or the absolute length the unique non-ambiguous order defined by the formal grammar
padding-right all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column the percentage as specified or the absolute length the unique non-ambiguous order defined by the formal grammar
padding-top all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column the percentage as specified or the absolute length the unique non-ambiguous order defined by the formal grammar
box-sizing all elements that accept width or height as specified the unique non-ambiguous order defined by the formal grammar
max-height all elements but non-replaced inline elements, table columns, and column groups the percentage as specified or the absolute length or none the unique non-ambiguous order defined by the formal grammar
min-height all elements but non-replaced inline elements, table columns, and column groups the percentage as specified or the absolute length the unique non-ambiguous order defined by the formal grammar
height all elements but non-replaced inline elements, table columns, and column groups a percentage or auto or the absolute length the unique non-ambiguous order defined by the formal grammar
max-width all elements but non-replaced inline elements, table rows, and row groups the percentage as specified or the absolute length or none the unique non-ambiguous order defined by the formal grammar
min-width all elements but non-replaced inline elements, table rows, and row groups the percentage as specified or the absolute length the unique non-ambiguous order defined by the formal grammar
width all elements but non-replaced inline elements, table rows, and row groups the percentage or auto as specified or the absolute length the length or percentage before the keyword, if both are present
overflow non-replaced block-level elements and non-replaced inline-block elements as specified the unique non-ambiguous order defined by the formal grammar
overflow-x non-replaced block-level elements and non-replaced inline-block elements as specified the unique non-ambiguous order defined by the formal grammar
overflow-y non-replaced block-level elements and non-replaced inline-block elements as specified the unique non-ambiguous order defined by the formal grammar
visibility all elements as specified the unique non-ambiguous order defined by the formal grammar
Table
Property Applies to Computed value Canonical order
border-collapse table and inline-table elements as specified the unique non-ambiguous order defined by the formal grammar
border-spacing table and inline-table elements two absolute lengths the unique non-ambiguous order defined by the formal grammar
caption-side table-caption elements as specified the unique non-ambiguous order defined by the formal grammar
empty-cells table-cell elements as specified the unique non-ambiguous order defined by the formal grammar
table-layout table and inline-table elements as specified the unique non-ambiguous order defined by the formal grammar
vertical-align inline-level and table-cell elements for percentage and length values, the absolute length, otherwise the keyword as specified the unique non-ambiguous order defined by the formal grammar
Positioning
Property Applies to Computed value Canonical order
bottom positioned elements if specified as a length, the corresponding absolute length; if specified as a percentage, the specified value; otherwise, auto the unique non-ambiguous order defined by the formal grammar
left positioned elements if specified as a length, the corresponding absolute length; if specified as a percentage, the specified value; otherwise, auto the unique non-ambiguous order defined by the formal grammar
right positioned elements if specified as a length, the corresponding absolute length; if specified as a percentage, the specified value; otherwise, auto the unique non-ambiguous order defined by the formal grammar
top positioned elements if specified as a length, the corresponding absolute length; if specified as a percentage, the specified value; otherwise, auto the unique non-ambiguous order defined by the formal grammar
float all elements, but has no effect if the value of display is none. as specified the unique non-ambiguous order defined by the formal grammar
clear block-level elements as specified the unique non-ambiguous order defined by the formal grammar
position all elements as specified the unique non-ambiguous order defined by the formal grammar
z-index positioned elements as specified the unique non-ambiguous order defined by the formal grammar
Fonts
Property Applies to Computed value Canonical order
font all elements as each of the properties of the shorthand:
  • font-style: as specified
  • font-variant: as specified
  • font-weight: the keyword or the numerical value as specified, with bolder and lighter transformed to the real value
  • font-stretch: as specified
  • font-size: as specified, but with relative lengths converted into absolute lengths
  • line-height: for percentage and length values, the absolute length, otherwise as specified
  • font-family: as specified
order of appearance in the formal grammar of the values
font-family all elements as specified the unique non-ambiguous order defined by the formal grammar
font-variant all elements as specified the unique non-ambiguous order defined by the formal grammar
font-weight all elements the keyword or the numerical value as specified, with bolder and lighter transformed to the real value the unique non-ambiguous order defined by the formal grammar
font-stretch all elements as specified the unique non-ambiguous order defined by the formal grammar
font-size all elements as specified, but with relative lengths converted into absolute lengths the unique non-ambiguous order defined by the formal grammar
line-height all elements for percentage and length values, the absolute length, otherwise as specified the unique non-ambiguous order defined by the formal grammar
font-feature-settings all elements as specified the unique non-ambiguous order defined by the formal grammar
font-size-adjust all elements as specified the unique non-ambiguous order defined by the formal grammar
font-style all elements as specified the unique non-ambiguous order defined by the formal grammar
Images
Property Applies to Computed value Canonical order
image-rendering all elements as specified the unique non-ambiguous order defined by the formal grammar
image-orientation all elements an <angle>, rounded to the next quarter turn from 0deg and normalized, that is moduloing the value by 1turn the unique non-ambiguous order defined by the formal grammar
Counters & Lists
Property Applies to Computed value Canonical order
counter-increment all elements as specified the unique non-ambiguous order defined by the formal grammar
counter-reset all elements as specified the unique non-ambiguous order defined by the formal grammar
list-style list items as each of the properties of the shorthand:
  • list-style-image: none or the image with its URI made absolute
  • list-style-position: as specified
  • list-style-type: as specified
order of appearance in the formal grammar of the values
list-style-image list items none or the image with its URI made absolute the unique non-ambiguous order defined by the formal grammar
list-style-position list items as specified the unique non-ambiguous order defined by the formal grammar
list-style-type list items as specified the unique non-ambiguous order defined by the formal grammar
Page
Property Applies to Computed value Canonical order
orphans block container elements as specified the unique non-ambiguous order defined by the formal grammar
page-break-after block-level elements in the normal flow of the root element. UA may also apply it to other elements like table-row elements. as specified the unique non-ambiguous order defined by the formal grammar
page-break-before block-level elements in the normal flow of the root element. UA may also apply it to other elements like table-row elements. as specified the unique non-ambiguous order defined by the formal grammar
page-break-inside block-level elements in the normal flow of the root element. UA may also apply it to other elements like table-row elements. as specified the unique non-ambiguous order defined by the formal grammar
widows block container elements as specified the unique non-ambiguous order defined by the formal grammar
User interface
Property Applies to Computed value Canonical order
outline all elements as each of the properties of the shorthand:
  • outline-color: For the keyword invert, the computed value is invert. For the color value, 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).
  • outline-width: an absolute length; if the keyword none is specified, the computed value is 0
  • outline-style: as specified
order of appearance in the formal grammar of the values
outline-color all elements For the keyword invert, the computed value is invert. For the color value, 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). the unique non-ambiguous order defined by the formal grammar
outline-width all elements an absolute length; if the keyword none is specified, the computed value is 0 the unique non-ambiguous order defined by the formal grammar
outline-style all elements as specified the unique non-ambiguous order defined by the formal grammar
outline-offset all elements as specified, but with relative lengths converted into absolute lengths the unique non-ambiguous order defined by the formal grammar
cursor all elements as specified, but with relative URI converted into absolute URI the unique non-ambiguous order defined by the formal grammar
resize elements with overflow other than visible as specified the unique non-ambiguous order defined by the formal grammar
text-overflow block container elements as specified the unique non-ambiguous order defined by the formal grammar
Generated content
Property Applies to Computed value Canonical order
content ::before and ::after pseudo-elements On elements, always computes to normal. On ::before and ::after, if normal is specified, computes to none. Otherwise, for URI values, the absolute URI; for attr() values, the resulting string; for other keywords, as specified. the unique non-ambiguous order defined by the formal grammar
quotes all elements as specified the unique non-ambiguous order defined by the formal grammar
Miscellaneous
Property Applies to Computed value Canonical order
clip absolutely positioned elements auto if specified as auto, otherwise a rectangle with four values, each of which is auto if specified as auto or the computed length otherwise the unique non-ambiguous order defined by the formal grammar
display all elements as the specified value, except for positioned and floating elements and for the root element. In both case the computed value may be another keyword than the one specified. the unique non-ambiguous order defined by the formal grammar
unicode-bidi all elements, though some values have no effect on non-inline elements as specified the unique non-ambiguous order defined by the formal grammar
ime-mode text fields as specified the unique non-ambiguous order defined by the formal grammar
all all elements as the specified value applies to each property this is a shorthand for. the unique non-ambiguous order defined by the formal grammar
Compositing and Blending
Property Applies to Computed value Canonical order
background-blend-mode all elements. In SVG, it applies to container elements, graphics elements, and graphics referencing elements as specified the unique non-ambiguous order defined by the formal grammar
mix-blend-mode all HTML elements as specified the unique non-ambiguous order defined by the formal grammar

 

Document Tags and Contributors

Tags:
Contributors to this page: Sheppy, fscholz, velvel53, teoli, Marsf, FredB
Last updated by: FredB,