CSS background-image

CSS background-image is used to define HTML image used as a background for the block. CSS background image can be used for the background. This image can be any format like jpg, png etc. You should also see CSS background-attachment.

The syntax for background-image is:

For Example:

Output

This is the HTML paragraph inside the div. The div contains some background image. This background image has fixed attachment. The background showing the nature image.

CSS background-image values list

The values and description of this property is used to specify the background image inside web document. You should also see CSS background-attachment.

Sr. No.valueDescription
1url(image url location)Used to make background image. The value for this is the location of the image.
2noneUsed to make no background image.
3initialUsed to define as the property initial value.
4inheritUsed to define the computed value of property on the elements parent.
5unsetUsed to set all the properties to their parent value if inheritable.

CSS background-image with scroll attachment

In this example we will use background-image with scroll CSS background-attachement.

Output

This is the HTML paragraph inside the div. The div contains some background image. This background image has scroll attachment.