सीएसएस लाइन स्पेसिंग प्राप्त करने के लिए सीएसएस लाइन-ऊंचाई संपत्ति का उपयोग करना
अपने वेब पृष्ठों पर अपनी लाइन दूरी को प्रभावित करने के लिए सीएसएस शैली संपत्ति लाइन-ऊंचाई का उपयोग कैसे करें सीखें।
सीएसएस लाइन स्पेसिंग के मूल्य
सीएसएस लाइन रिक्ति सीएसएस शैली संपत्ति लाइन-ऊंचाई से प्रभावित है। इस संपत्ति में 5 अलग-अलग मान होते हैं:
- सामान्य: ब्राउज़र फ़ॉन्ट आकार से संबंधित लाइन रिक्ति के लिए मान निर्धारित करता है। यह आमतौर पर फ़ॉन्ट आकार या थोड़ा बड़ा (20% की तरह) के समान होता है।
- उत्तराधिकारी: रेखा अंतर को मूल तत्व की रेखा दूरी से लिया जाना चाहिए। इसलिए यदि आप अपने बॉडी टैग की लाइन-ऊंचाई को फ़ॉन्ट आकार से 30% बड़ा सेट करते हैं और उसके अंदर पैराग्राफ टैग्स को वारिस के लिए सेट किया गया है, तो उनके पास फ़ॉन्ट-साइज की तुलना में 30% की लाइन-ऊंचाई भी होगी।
- एक संख्या: यदि रेखा-ऊंचाई मान में माप की कोई इकाई नहीं है, तो इसे लाइन ऊंचाई के लिए फ़ॉन्ट आकार पर एक गुणक माना जाता है। इसलिए 1.25 की लाइन-ऊंचाई फ़ॉन्ट आकार की तुलना में 25% अधिक होगी।
- एक लंबाई: यदि रेखा-ऊंचाई मान में माप की एक इकाई है, तो रेखाओं के बीच होने वाली जगह की सटीक मात्रा है। तो, 1.25 मिमी लाइन 1.25 मिलीमीटर अलग लाइनों के परिणामस्वरूप होगा।
- एक प्रतिशत: यदि रेखा-ऊंचाई एक प्रतिशत है, तो यह फ़ॉन्ट आकार का प्रतिशत होगा। इसलिए 125% की रेखा-ऊंचाई फ़ॉन्ट आकार की तुलना में 25% अधिक होगी।
सीएसएस लाइन स्पेसिंग के लिए आप किस मूल्य का उपयोग करना चाहिए
ज्यादातर मामलों में, लाइन स्पेसिंग के लिए सबसे अच्छी पसंद इसे डिफ़ॉल्ट - या "सामान्य" पर छोड़ना है। यह आम तौर पर सबसे अधिक पठनीय है और इसकी आवश्यकता नहीं है कि आप कुछ भी विशेष करें। लेकिन लाइन रिक्ति को बदलना आपके पाठ को एक अलग अनुभव दे सकता है।
यदि आपका फ़ॉन्ट आकार ईएमएस या प्रतिशत के रूप में परिभाषित किया गया है , तो आपकी लाइन-ऊंचाई को भी इस तरह परिभाषित किया जाना चाहिए। यह लाइन स्पेसिंग का सबसे लचीला रूप है क्योंकि यह पाठक को उनके फ़ॉन्ट का आकार बदलने की अनुमति देता है और आपके लाइन स्पेसिंग पर समान अनुपात रखता है।
एक बिंदु (पीटी) मूल्य के साथ प्रिंट स्टाइल शीट के लिए लाइन ऊंचाई सेट करें। बिंदु एक प्रिंट उपाय है, और इसलिए आपके फ़ॉन्ट आकार भी बिंदुओं में होना चाहिए।
मैं संख्या पसंद का उपयोग करना पसंद नहीं करता क्योंकि मुझे पता चला है कि यह लोगों के लिए सबसे भ्रमित है। बहुत से लोग सोचते हैं कि संख्या एक पूर्ण आकार है, और इसलिए वे इसे बड़ा बनाते हैं। उदाहरण के लिए, आपके पास 14px पर एक फ़ॉन्ट सेट हो सकता है और फिर आप अपनी लाइन-ऊंचाई 14 पर सेट कर सकते हैं - जिसके परिणामस्वरूप लाइनों के बीच भारी अंतर होता है - क्योंकि लाइन स्पेसिंग फ़ॉन्ट आकार के 14 गुणा पर सेट होता है।
आपकी लाइन स्पेसिंग के लिए आप कितनी जगह का उपयोग कर सकते हैं
जैसा कि मैंने ऊपर बताया है, मैं डिफ़ॉल्ट लाइन रिक्ति का उपयोग करने की अनुशंसा करता हूं जब तक कि आपके पास इसे बदलने का कोई विशिष्ट कारण न हो। लाइन रिक्ति को बदलने से अलग-अलग प्रभाव हो सकते हैं:
- पाठ जो बहुत सख्त है उसे पढ़ने में मुश्किल हो सकती है। लेकिन छोटी रेखा रिक्त स्थान टेक्स्ट के मूड को प्रभावित कर सकती हैं। यदि पाठ एक साथ खरोंच किया जाता है तो यह पाठ की भावना को गहरा या अधिक तनाव लग सकता है।
- पाठ जो दूर से अलग है उसे पढ़ने में भी मुश्किल हो सकती है। लेकिन विस्तृत रेखा रिक्त स्थान टेक्स्ट को अधिक बहने और तरल पदार्थ लगते हैं।
- लाइन स्पेसिंग को बदलना टेक्स्ट बना सकता है जो अन्यथा किसी स्थान पर फिट नहीं होगा और अधिक कॉम्पैक्ट हो या आपके डिज़ाइन में और अधिक जगह ले लें।