CSS लाइन-हाई प्रभाव

वर्णन और उपयोग

line-height गुण लाइन के बीच की दूरी (लाइन हाई) सेट करता है。

टिप्पणी:नकारात्मक मान का उपयोग नहीं की जा सकता है。

वर्णन

यह गुण लाइन बॉक्स के बैगा बैगी को प्रभावित करता है। एक ब्लॉक एलेमेंट पर आवेदित होने पर, यह बैगी को बैगी के बीच की न्यूनतम दूरी निर्धारित करता है, नहीं कि अधिकतम दूरी。

line-height और font-size के गणना मान के बीच का अंतर (CSS में 'line spacing' के रूप में जाना जाता है) दो आधाओं में बांटा जाता है, जो क्रमश: एक लेख पड़ाऊ के ऊपर और नीचे जोड़ा जाता है। इसके साथ इस सामग्री को समाविष्ट करने वाला सबसे छोटा बॉक्स लाइन बॉक्स है。

मूल नंबर एक जीयूएम को एक जीयूएम के लिए एक स्केलिंग फैक्टर निर्धारित करता है, जो उत्तरदायी एलेमेंट द्वारा जीयूएम के मान को गणना के बजाय विरासत करता है。

अन्य संदर्भ:

CSS शिक्षा:CSS टेक्स्ट

HTML DOM संदर्भ निर्देशिका:lineHeight गुण

उदाहरण

प्रतिशत से लाइन हाई सेट करना:

p.small {line-height:90%}
p.big {line-height:200%}

स्वयं प्रयोग करें

（अधिक उदाहरण पृष्ठ के नीचे देखें）

CSS ग्रामाता

line-height: सामान्य|संख्या|लंबाई|आरंभिक|विरासत|;

गुण मान

मान वर्णन
सामान्य डिफ़ॉल्ट।उचित लाइन स्पेसिंग सेट करना
संख्या संख्या सेट करना, जो वर्तमान फ़ॉन्ट आकार से गुणा करके लाइन स्पेसिंग सेट करता है。
लंबाई निश्चित लाइन स्पेसिंग सेट करना
% वर्तमान फ़ॉन्ट आकार के प्रतिशत में लाइन स्पेसिंग
विरासत इस गुण के मान को पैरेंट एलेमेंट से विरासत करना निर्धारित करता है。

तकनीकी विवरण

डिफ़ॉल्ट वैल्यू: सामान्य
विरासतीयता: हाँ
संस्करण: CSS1
जेसक्रिप्ट ग्रामाता: ऑब्जेक्ट.style.lineHeight="2"

TIY उदाहरण

प्रतिशत सेट करके लाइन स्पेसिंग रखना
यह उदाहरण देता है कि कैसे प्रतिशत मान का उपयोग करके पैराग्राफ में लाइन स्पेसिंग सेट किया जाता है。
पिक्सल मान सेट करके लाइन स्पेसिंग रखना
यह उदाहरण देता है कि कैसे पिक्सल मान का उपयोग करके पैराग्राफ में लाइन स्पेसिंग सेट किया जाता है。
संख्या का उपयोग करके लाइन स्पेसिंग सेट करना
यह उदाहरण देता है कि कैसे एक संख्या का उपयोग करके पैराग्राफ में लाइन स्पेसिंग सेट किया जाता है。

ब्राउज़र समर्थन

तालिका में दिए गए नंबर कोई इस गुण के पहले समर्थन करने वाले ब्राउज़र का पहला संस्करण है।

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0