CSS
ऑब्जेक्ट फिट और प्लेसमेंट

टिप्पणियों

वस्तु फिट

ऑब्जेक्ट-फिट संपत्ति परिभाषित करेगी कि एक तत्व एक स्थापित ऊंचाई और चौड़ाई के साथ बॉक्स में कैसे फिट होगा। आमतौर पर एक छवि या वीडियो के लिए लागू, ऑब्जेक्ट-फिट निम्नलिखित पांच मानों को स्वीकार करता है:

भरने

object-fit:fill;

भरें छवि के मूल पहलू अनुपात की परवाह किए बिना सामग्री बॉक्स को फिट करने के लिए छवि को फैलाते हैं।

शामिल

object-fit:contain;

कंटेनर छवि के पहलू अनुपात को बनाए रखते हुए बॉक्स की ऊंचाई या चौड़ाई में छवि को फिट करता है।

आवरण

object-fit:cover;

कवर पूरे बॉक्स को छवि से भरता है। छवि पहलू अनुपात संरक्षित है, लेकिन छवि बॉक्स के आयामों के लिए खड़ी है।

कोई नहीं

object-fit:none;

कोई भी बॉक्स के आकार की उपेक्षा नहीं करता है और न ही इसका आकार बदला जाता है।

घटाना

object-fit:scale-down;

स्केल-डाउन या तो ऑब्जेक्ट को none रूप contain या contain करता contain । यह जो भी विकल्प प्रदर्शित करता है, उसका परिणाम एक छोटी छवि होता है।