CSS Multi background property

CSSWeb DevelopmentFront End Technology

<p style="">CSS Multi background property is used to add one or more images at a time without HTML code. We can add images as per our requirement.</p><p style="">A sample syntax of multi background images is as follows &minus;</p><pre class="result notranslate">#multibackground { &nbsp; &nbsp;background-image: url(/css/images/logo.png), url(/css/images/border.png); &nbsp; &nbsp;background-position: left top, left top; &nbsp; &nbsp;background-repeat: no-repeat, repeat; &nbsp; &nbsp;padding: 75px; }</pre><p style="">The following are the values &minus;</p><table style="width: 100%;"><thead><tr><th style="width: 22.7273%; text-align: center;">S.no<br></th><th style="width: 77.1132%; text-align: center;">Values &amp; Description<br></th></tr></thead><tbody><tr><td style="width: 22.7273%; vertical-align: top;"><div style="text-align: center;">1.</div></td><td style="width: 77.1132%;"><strong>background</strong><br>Used to set all the background image properties in one section<br></td></tr><tr><td style="width: 22.7273%; vertical-align: top;"><div style="text-align: center;">2.</div></td><td style="width: 77.1132%;"><strong>background-clip</strong><br>Used to declare the painting area of the background<br></td></tr><tr><td style="width: 22.7273%; vertical-align: top;"><div style="text-align: center;">3.</div></td><td style="width: 77.1132%;"><strong>background-image</strong><br>Used to specify the background image<br></td></tr><tr><td style="width: 22.7273%; vertical-align: top;"><div style="text-align: center;">4.</div></td><td style="width: 77.1132%;"><strong>background-origin</strong><br>Used to specify the position of the background images<br></td></tr><tr><td style="width: 22.7273%; vertical-align: top;"><div style="text-align: center;">5.</div></td><td style="width: 77.1132%;"><strong>background-size</strong><br>Used to specify the size of the background images<br></td></tr></tbody></table>
raja
Updated on 16-Mar-2020 07:47:12

Advertisements