CSS के साथ जस्टिफाइड टेक्स्ट कैसे सेट करें

click fraud protection

किसी वेबसाइट की टाइपोग्राफी के गुणों में से एक जिसे आप साइट के विकास के दौरान समायोजित करने के लिए चुन सकते हैं, यह है कि साइट का टेक्स्ट कैसे उचित है। डिफ़ॉल्ट रूप से, वेबसाइट टेक्स्ट को उचित छोड़ दिया जाता है और यह है कि कितनी साइटें अपना टेक्स्ट छोड़ती हैं। केवल अन्य विकल्प ही सही उचित हैं, जो दुर्लभ है, या पूरी तरह से उचित है।

उचित पाठ पाठ का एक खंड है जो बाएँ और दाएँ दोनों पक्षों पर संरेखित होता है, केवल उन पक्षों में से एक के विपरीत (जो कि "बाएँ" और "दाएँ" औचित्य करता है)। पाठ की प्रत्येक पंक्ति में शब्द और अक्षर रिक्त स्थान को समायोजित करके यह सुनिश्चित करने के लिए कि प्रत्येक पंक्ति समान लंबाई है, दोगुना उचित प्रभाव पूरा किया जाता है। इस प्रभाव को कहा जाता है पूर्ण औचित्य. CSS में टेक्स्ट को जस्टिफाई करें पाठ संरेखित संपत्ति।

औचित्य कैसे काम करता है?

पाठ के एक खंड के दाईं ओर आप अक्सर असमान किनारे देखते हैं इसका कारण यह है कि पाठ की प्रत्येक पंक्ति समान लंबाई की नहीं होती है। कुछ पंक्तियों में अधिक शब्द या लंबे शब्द होते हैं जबकि अन्य में कम या छोटे शब्द होते हैं। पाठ के उस खंड को सही ठहराने के लिए, कुछ पंक्तियों में अतिरिक्त रिक्त स्थान जोड़े जाने चाहिए ताकि सभी पंक्तियों को समरूप बनाया जा सके और उन्हें सुसंगत बनाया जा सके।

instagram viewer

प्रत्येक वेब ब्राउज़र का एक लाइन के भीतर अतिरिक्त रिक्त स्थान को लागू करने के लिए अपना स्वयं का एल्गोरिदम होता है। ब्राउज़र शब्द की लंबाई, हाइफ़नेशन और अन्य कारकों को देखते हैं ताकि यह निर्धारित किया जा सके कि रिक्त स्थान कहाँ रखा जाए। परिणामस्वरूप, उचित पाठ एक ब्राउज़र से दूसरे ब्राउज़र में समान नहीं दिख सकता है। हालाँकि, निश्चिंत रहें कि सीएसएस के साथ टेक्स्ट को सही ठहराने के लिए प्रमुख ब्राउज़र समर्थन अच्छा है।

टेक्स्ट को जस्टिफाई कैसे करें

CSS के साथ टेक्स्ट को जस्टिफाई करने के लिए जस्टिफाई करने के लिए टेक्स्ट के एक सेक्शन की आवश्यकता होती है। आम तौर पर, आप टेक्स्ट के पैराग्राफ का उपयोग करेंगे क्योंकि टेक्स्ट संदर्भ के बड़े ब्लॉक जो कई पंक्तियों में फैले हुए हैं, उन्हें पैराग्राफ टैग के साथ चिह्नित किया जाएगा।

आपके पास औचित्य के लिए टेक्स्ट का एक ब्लॉक होने के बाद, यह केवल CSS टेक्स्ट-एलाइन स्टाइल प्रॉपर्टी के साथ स्टाइल को जस्टिफाई करने के लिए सेट करने की बात है। इस सीएसएस नियम को उपयुक्त चयनकर्ता पर लागू करें ताकि टेक्स्ट के ब्लॉक को इच्छित के रूप में प्रस्तुत किया जा सके।

टेक्स्ट को जस्टिफाई कब करें

बहुत से लोग डिज़ाइन के दृष्टिकोण से उचित टेक्स्ट का रूप पसंद करते हैं, मुख्यतः क्योंकि यह एक बहुत ही सुसंगत, मापा हुआ रूप बनाता है, लेकिन वेबपेज पर टेक्स्ट को पूरी तरह से उचित ठहराने के लिए नकारात्मक पक्ष हैं।

सबसे पहले, उचित पाठ को पढ़ना कठिन हो सकता है। ऐसा इसलिए है क्योंकि जब आप टेक्स्ट को सही ठहराते हैं, तो कभी-कभी लाइन पर कुछ शब्दों के बीच बहुत सारी अतिरिक्त जगह जोड़ी जा सकती है। वे असंगत अंतराल पाठ को पढ़ने में अधिक कठिन बना सकते हैं। यह वेब पेजों पर विशेष रूप से महत्वपूर्ण है, जिसे प्रकाश, रिज़ॉल्यूशन या अन्य हार्डवेयर गुणवत्ता के कारण पहले से ही पढ़ना मुश्किल हो सकता है। टेक्स्ट में असामान्य स्थान जोड़ने से खराब स्थिति और भी खराब हो सकती है।

पठनीयता चुनौतियों के अलावा, रिक्त स्थान कभी-कभी पाठ के बीच में सफेद स्थान की "नदियां" बनाने के लिए एक दूसरे के साथ पंक्तिबद्ध होते हैं। सफेद जगह के वे बड़े अंतराल वास्तव में एक अजीब प्रदर्शन के लिए बना सकते हैं। इसके अतिरिक्त, अत्यंत छोटी पंक्तियों पर, औचित्य उन पंक्तियों का कारण बन सकता है जिनमें अक्षरों के बीच अतिरिक्त रिक्त स्थान के साथ एक शब्द होता है।

तो आपको टेक्स्ट औचित्य का उपयोग कब करना चाहिए? पाठ को सही ठहराने का सबसे अच्छा समय तब होता है जब लाइनें लंबी होती हैं और फ़ॉन्ट का आकार छोटा होता है - कुछ ऐसा जो उत्तरदायी वेबसाइटों पर सुनिश्चित करना कठिन होता है, जहां स्क्रीन की लंबाई के आधार पर लाइन की लंबाई बदलती है। पंक्ति की लंबाई या पाठ के आकार के लिए कोई कठोर और तेज़ संख्या नहीं है; आपको अपने सर्वोत्तम निर्णय का उपयोग करना चाहिए।

टेक्स्ट को सही ठहराने के लिए टेक्स्ट-एलाइन स्टाइल लागू करने के बाद, यह सुनिश्चित करने के लिए इसका परीक्षण करें कि टेक्स्ट में सफेद स्थान की नदियाँ नहीं हैं - और इसे विभिन्न आकारों में परीक्षण करें। सबसे आसान परीक्षण के लिए आपकी अपनी तिरछी आँखों से अधिक जटिल कुछ भी नहीं चाहिए। पाठ के अन्यथा ग्रे ब्लॉक में नदियाँ सफेद रंग के धब्बों के रूप में बाहर खड़ी हैं। यदि आपको नदियां दिखाई देती हैं, तो आपको टेक्स्ट को फिर से प्रवाहित करने के लिए टेक्स्ट आकार या टेक्स्ट ब्लॉक की चौड़ाई में परिवर्तन करना चाहिए।

औचित्य का उपयोग केवल तभी करें जब आप इसकी तुलना बाएँ-संरेखित पाठ से कर लें। आपको पूर्ण औचित्य की संगति पसंद आ सकती है, लेकिन मानक वाम-न्यायोचित पाठ आमतौर पर अधिक पठनीय होता है। अंत में, आपको टेक्स्ट को सही ठहराना चाहिए क्योंकि आपने डिज़ाइन उद्देश्यों के लिए टेक्स्ट को सही ठहराने के लिए चुना है और पुष्टि की है कि आपकी साइट को पढ़ना आसान है।

instagram story viewer