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

जावास्क्रिप्ट के साथ किसी एलिमेंट में कंटेंट का वर्टिकल अलाइनमेंट कैसे सेट करें?

वर्टिकल अलाइनमेंट सेट करने के लिए, verticalAlign प्रॉपर्टी का उपयोग करें। यदि आप किसी विशिष्ट टेक्स्ट को टॉप पर ले जाना चाहते हैं तो इसे top पर सेट करें।

उदाहरण

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

<!DOCTYPE html> <html>    <head>       <style>          table {             border: 2px solid blue;             width: 200px;             height: 200px;          }       </style>    </head>    <body>       <table>          <tr>             <td id = "myTable">Demo Text1</td>          </tr>          <tr>             <td>Demo Text2</td>          </tr>          <tr>             <td>Demo Text3</td>          </tr>       </table>       <br>       <button type = "button" onclick = "display()"> टॉप पोजिशन सेट करें </button>       <script>          function display() {             document.getElementById("myTable").style.verticalAlign="top";          }       </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() {