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