Background shorthand property to set all background properties in one declaration. Such as:
background: rgba(0,0,0,0) url(../img/login_bg.jpg) no-repeat fixed center/cover;
Property may be provided respectively: background-color, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment, and background-image.
value | Explanation | CSS |
---|---|---|
background-color | Specifies the background color to use | 1 |
background-position | Specify the location of the background image | 1 |
background-size | Specifies the background image size | 3 |
background-repeat | Specifies how to repeat a background image | 1 |
background-origin | Background image specified location area | 3 |
background-clip | Background image painting area designation | 3 |
background-attachment | Whether fixed or set the background image with the rest of the page scroll. | 1 |
background-image | Specify one or more background images to be used | 1 |
Rookie tutorial background introduction: https://www.runoob.com/css/css-background.html