CSS3 4 - Background properties | How to add multiple background images? css background properties
CSS3 Background
How to add multiple background images?
css background property
CSS allows us to add multiple background images.
In Css background we can add color and alter the size of images.
Background Properties
Background-image
Background-position
Background-size
Background-repeat
Background-attachment
background-origin
background-clip
background-color
Background for Cross Browser
-moz-background-clip : border-box//Mozilla Browser
-webkit-background-clip : padding-box//Chrome Browser
-o-background-clip : content-box//Opera Browser
css Background code example:
p{
height:200px;
width: 300px;
padding:10px;
margin:10px;
float: left;
border: 20px dashed blue;
}
#color{
background-color: chocolate;
}
#image{
background-image: url("images.jpg");
background-repeat: repeat;
background-size: 50px;
background-clip: content-box;
}
#image1{
background-image: url("images.jpg"), url("holi.jpg");
background-repeat: space, repeat;
background-size: 50px;
background-clip: content-box, border-box;
}
#image2{
background-image: url("small.jpg");
background-repeat: no-repeat;
background-position: 80px 60px;
}