For example,
background
shorthand property values are made up of several background-*
longhand properties. The canonical order of those longhand values is defined as
-
background-image
-
background-position
-
background-size
-
background-repeat
-
background-attachment
-
background-origin
-
background-clip
-
background-color
Furthermore, its syntax defines, that if a value for the
background-size
is given, it must
be specified after
the value for the
background-position
, separated by a slash. Other values may appear in any order.
See also
- What does "canonical order" mean with respect to CSS properties? on Stack Overflow provides useful further discussion.
- The description of the formal syntax used for CSS values on datarist