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

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

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

उदाहरण

 <!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.padding = "20px 30px 10px 50px"; } </script> </body> </html>

  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>अधिक