Loading lesson path
Formula
CSS background - Shorthand propertyTo shorten the code, it is possible to specify all the background properties in one single property. This is called a shorthand property.
body {
background-color: #ffffff;Formula
background - image:url("img_tree.png");
background-repeat: no-repeat;
background-position: right top;
}Use the shorthand property to set all the background properties in one declaration:
body {
background: #ffffff url("img_tree.png") no-repeat right top;
}The background property is a shorthand property for the following properties: background-color background-image background-position background-size background-repeat background-attachment background-origin background-clip If some of the property values are missing, they will be set to their initial (default) values.
Formula
Sets all the background properties in one declaration background - attachment
Sets whether a background image is fixed or scrolls with the rest of the page background - clip
Specifies the painting area of the background background - color
Sets the background color of an element background - image
Sets the background image for an element background - origin
Specifies where the background image(s) is/are positioned background - position
Sets the starting position of a background image background - repeat
Sets how a background image will be repeated background - size