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

CSS के साथ इमेज की चौड़ाई सेट करें

<घंटा/>

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

उदाहरण

छवि की चौड़ाई निर्धारित करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं:

<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. सीएसएस के साथ प्रतिशत का उपयोग करके छवि की ऊंचाई और चौड़ाई निर्धारित करें

    % का उपयोग करके किसी छवि की ऊंचाई और चौड़ाई निर्धारित करने के लिए, आप निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          img {             heigh

  1. CSS के साथ एक बटन की चौड़ाई सेट करें

    बटन की चौड़ाई सेट करने के लिए, CSS चौड़ाई गुण का उपयोग करें। उदाहरण आप बटन की चौड़ाई निर्धारित करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - .btn { बैकग्राउंड-कलर:येलो; रंग काला; चौड़ाई:120 पीएक्स; पाठ-संरेखण:केंद्र; फ़ॉन्ट-आकार:15px; पैडिंग:20px; सीमा-त्रिज्या:15px; सीमा:3px धराशायी नीला;

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

    रेडियल-ग्रेडिएंट () CSS फ़ंक्शन के साथ, पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करें। आप CSS में रेखीय-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style> &nb