mozilla
Your Search Results

    CSS values serialization

    This page lists all CSS properties and indicates on which elements they have effects, how their computed values are 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 elements (except 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 elements (except 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 elements (except 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.
    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
    line-break all elements as specified the unique non-ambiguous order defined by the formal grammar
    text-size-adjust all elements the keyword or the percentage value  
    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
    Writing modes
    Property Applies to Computed value Canonical order
    direction all elements as 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
    writing-mode all elements except table row groups, table column groups, table rows, and table columns as specified the unique non-ambiguous order defined by the formal grammar
    text-orientation all elements, except table row groups, rows, column groups, and columns as specified the unique non-ambiguous order defined by the formal grammar
    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-language-override 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
    font-synthesis all elements as specified order of appearance in the formal grammar of the values
    font-kerning all elements as specified the unique non-ambiguous order defined by the formal grammar
    font-variant-ligatures all elements as specified order of appearance in the formal grammar of the values
    font-variant-position all elements as specified the unique non-ambiguous order defined by the formal grammar
    font-variant-caps all elements as specified the unique non-ambiguous order defined by the formal grammar
    font-variant-numeric all elements as specified order of appearance in the formal grammar of the values
    font-variant-east-asian all elements as specified order of appearance in the formal grammar of the values
    font-variant-alternates all elements as specified order of appearance in the formal grammar of the values
    Images
    Property Applies to Computed value Canonical order
    object-fit replaced elements as specified the unique non-ambiguous order defined by the formal grammar
    object-position replaced elements as specified the unique non-ambiguous order defined by the formal grammar
    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
    Fragmentation
    Property Applies to Computed value Canonical order
    box-decoration-break 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 the root element. In both cases the computed value may be a keyword other than the one 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
    will-change all elements as specified the unique non-ambiguous order defined by the formal grammar
    text-rendering text elements    
    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
    isolation 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
    Shapes
    Property Applies to Computed value Canonical order
    shape-outside floats as defined for <basic-shape> (with <shape-box> following, if supplied), the <image> with its URI made absolute, otherwise as specified. the unique non-ambiguous order defined by the formal grammar
    shape-margin floats as specified the unique non-ambiguous order defined by the formal grammar
    shape-image-threshold floats as specified the unique non-ambiguous order defined by the formal grammar
    Pointer Events
    Property Applies to Computed value Canonical order
    touch-action all elements except: non-replaced inline elements, table rows, row groups, table columns, and column groups as specified the unique non-ambiguous order defined by the formal grammar
    pointer-events all elements as specified  
    Inline
    Property Applies to Computed value Canonical order
    initial-letter ::first-letter pseudo-elements and inline-level first child of a block container as specified the unique non-ambiguous order defined by the formal grammar
    initial-letter-align ::first-letter pseudo-elements and inline-level first child of a block container ??? the unique non-ambiguous order defined by the formal grammar
    Display
    Property Applies to Computed value Canonical order
    display-inside all elements a keyword the unique non-ambiguous order defined by the formal grammar
    display-outside all elements as specified the unique non-ambiguous order defined by the formal grammar
    display-list all elements as specified the unique non-ambiguous order defined by the formal grammar
    box-suppress all elements see prose the unique non-ambiguous order defined by the formal grammar
    CSSOM View
    Property Applies to Computed value Canonical order
    scroll-behavior scrolling boxes as specified the unique non-ambiguous order defined by the formal grammar
    Logical Properties
    Property Applies to Computed value Canonical order
    block-size same as width and height same as width and height the unique non-ambiguous order defined by the formal grammar
    inline-size same as width and height same as width and height the unique non-ambiguous order defined by the formal grammar
    min-block-size same as width and height same as min-width and min-height the unique non-ambiguous order defined by the formal grammar
    min-inline-size same as width and height same as min-width and min-height the unique non-ambiguous order defined by the formal grammar
    max-block-size same as width and height same as max-width and max-height the unique non-ambiguous order defined by the formal grammar
    max-inline-size same as width and height same as max-width and max-height the unique non-ambiguous order defined by the formal grammar
    margin-block-start same as margin the percentage as specified or the absolute length or auto the unique non-ambiguous order defined by the formal grammar
    margin-block-end same as margin the percentage as specified or the absolute length or auto the unique non-ambiguous order defined by the formal grammar
    margin-inline-start same as margin the percentage as specified or the absolute length or auto the unique non-ambiguous order defined by the formal grammar
    margin-inline-end same as margin the percentage as specified or the absolute length or auto the unique non-ambiguous order defined by the formal grammar
    offset-block-start positioned elements same as box offsets: top, right, bottom, left properties except that directions are logical the unique non-ambiguous order defined by the formal grammar
    offset-block-end positioned elements same as box offsets: top, right, bottom, left properties except that directions are logical the unique non-ambiguous order defined by the formal grammar
    offset-inline-start positioned elements same as box offsets: top, right, bottom, left properties except that directions are logical the unique non-ambiguous order defined by the formal grammar
    offset-inline-end positioned elements same as box offsets: top, right, bottom, left properties except that directions are logical the unique non-ambiguous order defined by the formal grammar
    padding-block-start all elements length the unique non-ambiguous order defined by the formal grammar
    padding-block-end all elements length the unique non-ambiguous order defined by the formal grammar
    padding-inline-start all elements length the unique non-ambiguous order defined by the formal grammar
    padding-inline-end all elements length the unique non-ambiguous order defined by the formal grammar
    border-block-start-width all elements absolute length; 0 if the border style is none or hidden the unique non-ambiguous order defined by the formal grammar
    border-block-end-width all elements absolute length; 0 if the border style is none or hidden the unique non-ambiguous order defined by the formal grammar
    border-inline-start-width all elements absolute length; 0 if the border style is none or hidden the unique non-ambiguous order defined by the formal grammar
    border-inline-end-width all elements absolute length; 0 if the border style is none or hidden the unique non-ambiguous order defined by the formal grammar
    border-block-start-style all elements as specified the unique non-ambiguous order defined by the formal grammar
    border-block-end-style all elements as specified the unique non-ambiguous order defined by the formal grammar
    border-inline-start-style all elements as specified the unique non-ambiguous order defined by the formal grammar
    border-inline-end-style all elements as specified the unique non-ambiguous order defined by the formal grammar
    border-block-start-color all elements computed color the unique non-ambiguous order defined by the formal grammar
    border-block-end-color all elements computed color the unique non-ambiguous order defined by the formal grammar
    border-inline-start-color all elements computed color the unique non-ambiguous order defined by the formal grammar
    border-inline-end-color all elements computed color the unique non-ambiguous order defined by the formal grammar
    border-block-start 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
    • 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-block-end 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
    • 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-inline-start 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
    • 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-inline-end 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
    • 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
    Ruby
    Property Applies to Computed value Canonical order
    ruby-position ruby annotations containers as specified the unique non-ambiguous order defined by the formal grammar
    ruby-merge ruby annotations containers as specified the unique non-ambiguous order defined by the formal grammar
    ruby-align ruby bases, ruby annotations, ruby base containers, ruby annotation containers as specified the unique non-ambiguous order defined by the formal grammar
    Scroll Snap Points
    Property Applies to Computed value Canonical order
    scroll-snap-type scroll containers as specified the unique non-ambiguous order defined by the formal grammar
    scroll-snap-points-x scroll containers specified value, with lengths made absolute the unique non-ambiguous order defined by the formal grammar
    scroll-snap-points-y scroll containers specified value, with lengths made absolute the unique non-ambiguous order defined by the formal grammar
    scroll-snap-destination scroll containers specified value, with lengths made absolute the unique non-ambiguous order defined by the formal grammar
    scroll-snap-coordinate all elements specified value, with lengths made absolute the unique non-ambiguous order defined by the formal grammar
    Device Adaption
    Property Applies to Computed value Canonical order
    @viewport/min-width   'auto', an absolute length, or a percentage as specified the unique non-ambiguous order defined by the formal grammar
    @viewport/max-width   'auto', an absolute length, or a percentage as specified the unique non-ambiguous order defined by the formal grammar
    @viewport/width   'auto', an absolute length, or a percentage as specified the unique non-ambiguous order defined by the formal grammar
    @viewport/min-height   'auto', an absolute length, or a percentage as specified the unique non-ambiguous order defined by the formal grammar
    @viewport/max-height   'auto', an absolute length, or a percentage as specified the unique non-ambiguous order defined by the formal grammar
    @viewport/height   'auto', an absolute length, or a percentage as specified the unique non-ambiguous order defined by the formal grammar
    @viewport/zoom   'auto', or a non-negative number or percentage as specified the unique non-ambiguous order defined by the formal grammar
    @viewport/min-zoom   'auto', or a non-negative number or percentage as specified the unique non-ambiguous order defined by the formal grammar
    @viewport/max-zoom   'auto', or a non-negative number or percentage as specified the unique non-ambiguous order defined by the formal grammar
    @viewport/user-zoom   as specified the unique non-ambiguous order defined by the formal grammar
    @viewport/orientation   as specified the unique non-ambiguous order defined by the formal grammar

     

    Document Tags and Contributors

    Tags: 
    Last updated by: tregagnon,