Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS ऑब्जेक्ट-फिट प्रॉपर्टी

<घंटा/>

ऑब्जेक्ट-फिट . का उपयोग करें अपने कंटेनर में फिट करने के लिए छवि या वीडियो का आकार बदलने के लिए सीएसएस में संपत्ति।

उदाहरण

ऑब्जेक्ट-फिट प्रॉपर्टी के साथ काम करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -

<!DOCTYPE html>
<html>
   <head>
      <style>
         .myimg {
            width:250px;
            height:350px;
            object-fit:cover;
         }
      </style>
   </head>
   <body>
      <h2>SWIFT</h2>
      <img class = "myimg"
         src = "https://www.tutorialspoint.com/assets/videos/courses/67/images/course_67_image.png"
         alt = "Python Data Science" width = "300" height = "200">
   </body>
</html>

  1. सीएसएस:ऑब्जेक्ट फ़िट

    CSS गुण ऑब्जेक्ट-फिट एक तत्व को उस कंटेनर की चौड़ाई और ऊंचाई के भीतर मापता है जिसमें वह है। पृष्ठभूमि चित्र सबसे आम तत्व हैं जो आपको एक डेवलपर के रूप में दिखाई देंगे जो इस संपत्ति का उपयोग करता है। ऑब्जेक्ट-फिट प्रॉपर्टी के लिए पांच संभावित मान हैं। हम विभिन्न मूल्यों को दर्शाने के लिए उदाहरण के

  1. CSS में राइटिंग-मोड प्रॉपर्टी

    राइटिंग-मोड प्रॉपर्टी का उपयोग यह निर्धारित करने के लिए किया जाता है कि टेक्स्ट की लाइनें क्षैतिज या लंबवत रूप से रखी गई हैं या नहीं। संपत्ति के मूल्य हैं - writing-mode: horizontal-tb|vertical-rl|vertical-lr; उदाहरण <!DOCTYPE html> <html> <head> <style> p {    writ

  1. CSS सूचक-घटनाएँ संपत्ति

    पॉइंटर-इवेंट प्रॉपर्टी निर्दिष्ट करती है कि क्या तत्व को कुछ कार्रवाई करनी चाहिए या नहीं जब उस पर पॉइंटर इवेंट ट्रिगर होता है। पॉइंटर ईवेंट को माउस क्लिक, टच, स्टाइलस, आदि द्वारा ट्रिगर किया जा सकता है। CSS में पॉइंटर-इवेंट प्रॉपर्टी दिखाने वाला कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <