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

CSS से छवि की चौड़ाई सेट करें

width गुण छवि की चौड़ाई सेट करने के लिए उपयोग किया जाता है। इस गुण का मान लंबाई या % में हो सकता है। % में मान देने पर यह उस बॉक्स के संबंध में लागू होता है जिसमें छवि उपलब्ध है।

उदाहरण

निम्न कोड चलाकर छवि की चौड़ाई सेट करें:

<html>
  <head>
  </head>
  <body>
    <img style="border:2px solid green; width:100px;" src=" https://www.tutorialspoint.com/images/logo.png " />
    <br />
    <img style="border:2px solid green; width:50%;" src=" https://www.tutorialspoint.com/images/logo.png" />
  </body>
</html>
  1. - CSS से प्रतिशत में इमेज की ऊंचाई और चौड़ाई सेट करें

    % यूनिट का उपयोग इमेज की ऊंचाई और चौड़ाई प्रतिशत (%) में सेट करने के लिए height और width प्रॉपर्टीज में प्रतिशत मान दिए जाते हैं। यह पैरेंट कंटेनर के सापेक्ष आकार निर्धारित करता है। उदाहरण <!DOCTYPE html> <html> <head> <style> img { height: 50%; w

  1. - CSS width प्रॉपर्टी से बटन की चौड़ाई सेट करें

    CSS width प्रॉपर्टी का उपयोग करके बटन (या किसी भी तत्व) की निश्चित चौड़ाई सेट की जा सकती है। यह बटन के आकार को कंटेंट से स्वतंत्र बनाता है और लेआउट में स्थिरता प्रदान करता है। उदाहरण नीचे दिए गए उदाहरण में, बटन पर width: 120px के साथ अन्य स्टाइल्स (गोल कोने, डैश्ड बॉर्डर) लागू किए गए हैं। <!DOC

  1. - CSS के साथ रेडियल ग्रेडिएंट को पृष्ठभूमि छवि के रूप में सेट करें

    radial-gradient() CSS फ़ंक्शन का उपयोग करके रेडियल ग्रेडिएंट को पृष्ठभूमि छवि के रूप में सेट करें। यह फ़ंक्शन एक केंद्र बिंदु से बाहर की ओर फैलने वाला ग्रेडिएंट बनाता है। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo { height: 200px; back