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>
आउटपुट
अब लाइन की ऊंचाई सेट करने के लिए बटन पर क्लिक करें -