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