CSS3 background property is used to add one or more images at a time without HTML code, We can add images as per our requirement.A sample syntax of multi background images is as follows −
CSS3 contains a few new background properties, which allow greater control of the background element.
In this chapter you will learn how to add multiple background images to one element.
You will also learn about the following new CSS3 properties:
background-sizebackground-originbackground-clipthe most commonly used values are shown below −
| Values | Description |
|---|---|
| background | Used to setting all the background image properties in one section |
| background-clip | Used to declare the painting area of the background |
| background-image | Used to specify the background image |
| background-origin | Used to specify position of the background images |
| background-size | Used to specify size of the background images |
Following is the example which demonstrate the multi background images
See this example:
Multi background property is accepted to add different sizes for different images.A sample syntax is as shown below −
