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

जावास्क्रिप्ट के साथ किसी एलिमेंट का बॉटम पैडिंग कैसे सेट करें?

बॉटम पैडिंग सेट करने के लिए, जावास्क्रिप्ट में paddingBottom प्रॉपर्टी का उपयोग करें।

उदाहरण

जावास्क्रिप्ट के साथ किसी एलिमेंट का बॉटम पैडिंग वापस करने के लिए निम्न कोड चलाकर देखें:

<!DOCTYPE html> <html>    <head>       <style>          #box {             border: 2px solid #FF0000;             width: 150px;             height: 70px;          }       </style>    </head>    <body>       <div id = "box">यह डेमो टेक्स्ट है।</div>       <br>       <br>       <button type = "button" onclick = "display()">बॉटम पैडिंग</button>             <script>          function display() {             document.getElementById("box").style.paddingBottom = "100px";          }       </script>    </body> </html>

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

    उदाहरण marginTop प्रॉपर्टी से एलिमेंट का शीर्ष मार्जिन सेट करें। <!DOCTYPE html> <html> <head> <style> #myID { border: 2px solid #000000; } </style> </head> <body> <div id=myID>यह डेमो टेक्स्ट है।</div><br

  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() {