HTML DOM Style backgroundSize प्रॉपर्टी

HTML DOM style background-size प्रॉपर्टी का उपयोग पृष्ठभूमि छवि का आकार सेट या प्राप्त करने के लिए किया जाता है।

सिंटैक्स

backgroundSize प्रॉपर्टी सेट करने के लिए सिंटैक्स निम्नलिखित है:

object.style.backgroundSize = "auto|length|cover|contain|intial|inherit"

गुण

उपरोक्त गुणों को निम्नानुसार समझाया गया है:

उदाहरण

HTML DOM style backgroundSize प्रॉपर्टी का उदाहरण देखते हैं:

<!DOCTYPE html> <html> <head> <style>    #DIV1{       box-shadow: 0 2px 0 4px mintcream;       padding: 45px;       background: url("https://www.tutorialspoint.com/plsql/images/plsql-mini-logo.jpg");       background-size: 150px 150px;    } </style> <script>    function changeBackSize(){       document.getElementById("DIV1").style.backgroundSize="100px 100px";       document.getElementById("Sample").innerHTML="The background image size is now reduced";    } </script> </head> <body> <h2>PL/SQL Tutorial</h2> <div id="DIV1"></div> <p>Change the background image size for the above div by clicking the below button</p> <button onclick="changeBackSize()">CHANGE SIZE</button> <p id="Sample"></p> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

CHANGE SIZE बटन पर क्लिक करने पर: