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

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

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