CSS background Property
CSS background attributes are used to define element background effects. There are several properties available for designing the backdrop.
Syntax
Property Values
|
Value
|
Description
|
|
background-attachment
|
In CSS, the background-attachment property is used to describe the type of attachment of the background image to its container.
|
|
background-blend-mode
|
In CSS, the background-blend-mode is used to defines the blending mode of each background layer
|
|
background-clip
|
The background-clip CSS attribute specifies how to expand the background (color or image).
|
|
background-color
|
In CSS, the background-color property is used to specify the color of an element's background.
|
|
background-image
|
The background-image attribute is used to assign an element one or more background images.
|
|
background-origin
|
Background-origin is a CSS feature that allows you to change the background picture of a webpage.
|
|
background-position
|
The body-position property in CSS is mostly used to place an image.
|
|
background-repeat
|
In CSS, the background-repeat property is used to repeat the background picture horizontally and vertically.
|
|
background-size
|
In CSS, the background-size property is used to specify the size of the background images.
|
Supported Browsers
|
Element
|
Chrome
|
Firefox
|
Safari
|
Edge / IE
|
Opera
|
|
background
|
1.0
|
1.0
|
1.0
|
4.0
|
3.5
|
More Example