CSS background-size प्रॉपर्टी

CSS background-size प्रॉपर्टी का उपयोग बैकग्राउंड इमेजेज के आकार को निर्दिष्ट करने के लिए किया जाता है।

उदाहरण

CSS में background-size प्रॉपर्टी लागू करने के लिए निम्न कोड चलाएं:

<html>
  <head>
    <style>
      #demo {
        border: 5px dashed green;
        padding: 10px;
        background-image: url("https://www.tutorialspoint.com/css/images/css-mini-logo.jpg");
        background-size: 200px 100px;
      }
    </style>
  </head>
  <body>
    <div id="demo">
      <h1>www.tutorialspoint.com</h1>
      <p>वेबसाइट www.tutorialspoint.com ट्यूटोरियल्स पॉइंट इंडिया प्राइवेट लिमिटेड के स्वामित्व और रखरखाव में है...</p>
    </div>
  </body>
</html>

महत्वपूर्ण मान:

• background-size: 200px 100px; - चौड़ाई 200px, ऊंचाई 100px
• background-size: cover; - कंटेनर को कवर करने के लिए स्केल (क्रॉप हो सकता है)
• background-size: contain; - कंटेनर में फिट होने के लिए स्केल (पूरी इमेज दिखेगी)
• background-size: 50%; - कंटेनर की चौड़ाई का 50%