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

JavaScript से एलिमेंट की ऊंचाई कैसे सेट करें?

उदाहरण

height प्रॉपर्टी से एलिमेंट की ऊंचाई सेट करें।

<!DOCTYPE html>
<html>
  <body>
    <h1>हेडिंग 1</h1>
    <p>यह डेमो टेक्स्ट है।</p>
    <button type="button" id="myID" onclick="display()">ऊंचाई अपडेट करें</button>
    <script>
      function display() {
        document.getElementById("myID").style.height = "100px";
      }
    </script>
  </body>
</html>

मान: auto (डिफ़ॉल्ट), लंबाई (px, em, %), initial, inherit।

संबंधित: minHeight, maxHeight।

  1. - JavaScript से एलिमेंट का निचला मार्जिन कैसे सेट करें?

    उदाहरण marginBottom प्रॉपर्टी से एलिमेंट का निचला मार्जिन सेट करें। <!DOCTYPE html> <html> <body> <p id=myID>यह डेमो टेक्स्ट है।</p> <button type=button onclick=display()>निचला मार्जिन सेट करें</button> <script> function display() {

  1. - JavaScript से एलिमेंट के सभी मार्जिन्स एक साथ कैसे सेट करें?

    उदाहरण margin शॉर्टहैंड प्रॉपर्टी से चारों मार्जिन एक साथ सेट करें। <!DOCTYPE html> <html> <body> <button type=button onclick=display()>चारों मार्जिन सेट करें</button> <p id=myID>यह डेमो टेक्स्ट है।</p> <script> function display() {

  1. - JavaScript से एलिमेंट की अधिकतम ऊंचाई कैसे सेट करें?

    उदाहरण maxHeight प्रॉपर्टी से एलिमेंट की अधिकतम ऊंचाई सीमित करें। <!DOCTYPE html> <html> <head> <style> #box { width: 300px; background-color: gray; overflow: auto; } </style> </head> <body> <p>अधिक