CSS3 मे Multi Background Property का उपयोग एक या एक से अधिक Image को HTML Code के बिना एक Time मे जोड़ने के लिए किया जाता है. इसमे हम अपनी आवश्यकता के अनुसार Image को जोड़ सकते है.
#multibackground {
background-image: url(images/logo.png), url(images/border.png);
background-position: left top, left top;
background-repeat: no-repeat, repeat;
padding: 85px;
}
| Values | Description |
|---|---|
| background | इसका उपयोग एक Section में सभी Background Image Properties को Set करने के लिए किया जाता है. |
| background-clip | इसका उपयोग Background के Painting Area को Declared करने के लिए किया जाता है. |
| background-image | इसका उपयोग Background Image को Specify करने के लिए किया जाता है. |
| background-origin | इसका उपयोग Background Image की Position को Specify करने के लिए किया जाता है. |
| background-size | इसका उपयोग Background Image के Size को Specify करने के लिए किया जाता है. |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Example of Multi Background Images</title>
<style>
#multibackground {
background-image: url(images/logo.png), url(images/border.png);
background-position: left top, left top;
background-repeat: no-repeat, repeat;
padding: 75px;
}
</style>
</head>
<body>
<div id="multibackground">
<h1>www.tutorialsroot.com</h1>
<p>Lorem Ipsum is simply dummy text the printing and typesetting.
Lorem Ipsum has been the industry's standard dummy text ever since the
when an unknown printer took a galley of type and scrambled it
to make a type specimen book.</p>
</div>
</body>
</html>