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

JavaScript से टेक्स्ट में लाइन्स के बीच की दूरी कैसे सेट करें?

उदाहरण

lineHeight प्रॉपर्टी से टेक्स्ट लाइन्स के बीच की ऊंचाई सेट करें।

<!DOCTYPE html>
<html>
  <body>
    <h1>हेडिंग 1</h1>
    <p id="myID">यह डेमो टेक्स्ट है।<br>यह डेमो टेक्स्ट<br>यह डेमो टेक्स्ट</p>
    <button type="button" onclick="display()">लाइन्स के बीच दूरी सेट करें</button>
    <script>
      function display() {
        document.getElementById("myID").style.lineHeight = "2";
      }
    </script>
  </body>
</html>

मान: normal (डिफ़ॉल्ट ~1.2), संख्या (फ़ॉन्ट आकार का गुणक - अनुशंसित), लंबाई (px, em), प्रतिशत।

सर्वोत्तम अभ्यास: यूनिटलेस संख्या उपयोग करें ताकि बच्चे एलिमेंट्स सही अनुपात में विरासत लें।

  1. - JavaScript से टेक्स्ट का फ़ॉन्ट आकार कैसे सेट करें?

    उदाहरण fontSize प्रॉपर्टी से टेक्स्ट का फ़ॉन्ट आकार सेट करें। <!DOCTYPE html> <html> <body> <h1>हेडिंग 1</h1> <p id=myID> यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।

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

    उदाहरण cssFloat प्रॉपर्टी से एलिमेंट को क्षैतिज रूप से फ्लोट करें (बाएँ/दाएँ)। <!DOCTYPE html> <html> <body> <img id=myID src=https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg width=300 height=300> <p>यह डेमो टेक्स्ट है। यह डेमो टेक्स

  1. - JavaScript से टेक्स्ट में कैरेक्टर्स के बीच स्पेस कैसे सेट करें?

    उदाहरण letterSpacing प्रॉपर्टी से कैरेक्टर्स के बीच अतिरिक्त स्पेस जोड़ें या घटाएं। <!DOCTYPE html> <html> <body> <h1>हेडिंग 1</h1> <p id=myID>यह डेमो टेक्स्ट है।</p> <button type=button onclick=display()>कैरेक्टर्स के बीच स्पेस सेट करें&