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

HTML DOM स्टाइल लाइनहाइट प्रॉपर्टी

<घंटा/>

HTML DOM Style lineHeight प्रॉपर्टी का उपयोग लाइन की ऊंचाई को सेट करने के लिए किया जाता है, जो कि टेक्स्ट में लाइनों के बीच की दूरी है।

लाइनहाइट प्रॉपर्टी सेट करने के लिए सिंटैक्स निम्नलिखित है -

object.style.lineHeight

लाइनहाइट प्रॉपर्टी को वापस करने के लिए सिंटैक्स निम्नलिखित है -

object.style.lineHeight = "normal|number|length|%|initial|inherit"

ऊपर, मान नीचे वर्णित हैं -

  • सामान्य: सामान्य रेखा की ऊँचाई। डिफ़ॉल्ट.
  • संख्या: लाइन की ऊंचाई निर्धारित करने के लिए एक संख्या को वर्तमान फ़ॉन्ट आकार से गुणा किया जाता है
  • लंबाई: लंबाई इकाइयों में रेखा की ऊंचाई
  • %: लाइन की ऊंचाई वर्तमान फ़ॉन्ट आकार के % में है
  • प्रारंभिक: इस गुण को उसके डिफ़ॉल्ट मान पर सेट करता है।
  • विरासत: इस संपत्ति को इसके मूल तत्व से विरासत में मिला है।

आइए अब DOM स्टाइल लाइनहाइट प्रॉपर्टी को लागू करने के लिए एक उदाहरण देखें -

उदाहरण

<!DOCTYPE html>
<html>
<body>
<h2>Demo Heading</h2>
<div id="myid">
Here, we have set demo text. Here, we have set demo text. Here, we have set demo text. Here,
we have set demo text. Here, we have set demo text. Here, we have set demo text. Here, we
have set demo text. Here, we have set demo text.
Here, we have set demo text. Here, we have set demo text. Here, we have set demo text. Here,
we have set demo text. Here, we have set demo text. Here, we have set demo text.
</div>
<br>
<button type="button" onclick="display()">Click to increase the line height</button>
<script>
   function display() {
      document.getElementById("myid").style.lineHeight = "3";
   }
</script>
</body>
</html>

आउटपुट

HTML DOM स्टाइल लाइनहाइट प्रॉपर्टी

अब लाइन की ऊंचाई सेट करने के लिए बटन पर क्लिक करें -

HTML DOM स्टाइल लाइनहाइट प्रॉपर्टी


  1. एचटीएमएल डोम स्टाइल व्हाइटस्पेस प्रॉपर्टी

    HTML DOM स्टाइल व्हाइटस्पेस प्रॉपर्टी वापस आती है और HTML दस्तावेज़ में किसी तत्व के टेक्स्ट में टैब, लाइन ब्रेक और व्हाइटस्पेस को संभालने का तरीका संशोधित करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - व्हाइटस्पेस लौट रहा है object.style.whiteSpace व्हाइटस्पेस को संशोधित करना object.style.

  1. एचटीएमएल डोम स्टाइल उपयोगकर्ता संपत्ति का चयन करें

    HTML DOM स्टाइल यूजर प्रॉपर्टी रिटर्न का चयन करें और संशोधित करें कि किसी एलिमेंट का टेक्स्ट यूजर द्वारा चुना जा सकता है या नहीं, HTML डॉक्यूमेंट में। सिंटैक्स निम्नलिखित वाक्य रचना है - लौटने वाले उपयोगकर्ता का चयन करें object.style.userSelect उपयोगकर्ता को संशोधित करना चुनें object.styl

  1. एचटीएमएल डोम स्टाइल दिशा संपत्ति

    HTML DOM स्टाइल डायरेक्शन प्रॉपर्टी का इस्तेमाल टेक्स्ट डायरेक्शन को निर्दिष्ट करने या वापस करने के लिए किया जाता है। इसका डिफ़ॉल्ट मान लीटर है। − . के लिए वाक्य रचना निम्नलिखित है दिशा गुण सेट करना - object.style.direction =ltr|rtl|initial|inherit उपरोक्त संपत्ति मूल्यों को इस प्रकार समझाया गया