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

सीएसएस के साथ एक छवि की ऊंचाई निर्धारित करें


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

उदाहरण

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

<html>
   <head>
   </head>
   <body>
      <img style = "border:2px solid green; height:100px;" src="/css/images/logo.png" />
      <br />
      <img style="border:2px solid green; height:50%;" src="/css/images/logo.png" />
   </body>
</html>

  1. सीएसएस के साथ छवि पर बटन सेट करें

    आप छवि पर बटन सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .box {             position: relative;       &nbs

  1. सीएसएस के साथ पृष्ठभूमि छवि के रूप में एक रैखिक ढाल सेट करें

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

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

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