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

कैसे एक या

<घंटा/>

चित्र या वीडियो को उसके कंटेनर में फ़िट करने के लिए उसका आकार बदलने के लिए 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>

  1. सीएसएस के साथ तीर कैसे बनाएं? सीएसएस के साथ तीर कैसे बनाएं?

    सीएसएस के साथ तीर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma,

  1. CSS Flex के साथ एलिमेंट को उसके कंटेनर के नीचे कैसे रखें? CSS Flex के साथ एलिमेंट को उसके कंटेनर के नीचे कैसे रखें?

    सिंटैक्स CSS flex संपत्ति का सिंटैक्स इस प्रकार है - Selector {    flex: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS flex गुण को दर्शाते हैं। <!DOCTYPE html> <html>    <head>       <style>          div {    

  1. CSS में ऑब्जेक्ट-फिट और ऑब्जेक्ट-पोजिशन के साथ क्रॉप इमेज CSS में ऑब्जेक्ट-फिट और ऑब्जेक्ट-पोजिशन के साथ क्रॉप इमेज

    CSS ऑब्जेक्ट-फिट और वस्तु-स्थिति संपत्ति हमें छवियों को क्रॉप करने और यह निर्दिष्ट करने में मदद करती है कि यह किसी तत्व में कैसे प्रदर्शित होता है। CSS ऑब्जेक्ट-फिट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    object-fit: /*value*/    object-position:/*value*/ } उदाहरण नि