CSS में ऑब्जेक्ट-फिट प्रॉपर्टी का उपयोग इमेज या वीडियो को उसके कंटेनर में फिट करने के लिए आकार बदलने के लिए किया जाता है। इसके निम्नलिखित मान हैं
- इसमें शामिल हैं: सामग्री को फ़िट करने के लिए बढ़ाया जाता है
- >कवर: फिट करने के लिए क्लिप किया गया
- भरें: सामग्री बॉक्स भरता है।
उदाहरण
आप ऑब्जेक्ट-फिट प्रॉपर्टी को कवर वैल्यू के साथ लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं।
<!DOCTYPE html>
<html>
<head>
<style>
.myimg {
width:250px;
height:350px;
object-fit:fill;
}
</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>