They are everything from colors, images, origin,and size, or repeat methods. The shorthand properties at the beginning are set at a default values before you create a CSS. The values are seperated by a commas. Each syntax layers as follow:
- background-attachment
- background-clip
- background-color
- background-image
- background-origin
- background-position
- background-repeat
- background-size
The<bg-size>
is included right after <position>
, seperated with a character like this center 50%. A <box>
is included zero, one, or two times. If it is included once, it is sets it both background-color and background-clip, but if it is included twice, it is first occurrences set as background-origin, and then background-clip. The >background-color<
value can only be included in the last layer specified.