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

टेक्स्ट को औचित्य देने के लिए सीएसएस टेक्स्ट-एलाइन संपत्ति का उपयोग करना

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

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

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

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

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

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

पाठ को औचित्य कैसे दें

सीएसएस के साथ पाठ को जस्टिफाइंग करने के लिए पाठ के एक वर्ग को उचित ठहराने की आवश्यकता होती है।

आम तौर पर, यह पाठ के अनुच्छेदों के लिए किया जाता है क्योंकि पाठ संदर्भ के बड़े ब्लॉक जो एकाधिक रेखाओं को फैलाते हैं उन्हें अनुच्छेद टैग के साथ चिह्नित किया जाएगा।

आपके पास उचित ठहराने के लिए टेक्स्ट का एक ब्लॉक होने के बाद, यह केवल सीएसएस टेक्स्ट-एलाइन शैली संपत्ति के साथ शैली को स्थापित करने की शैली को स्थापित करने का मामला है।

पाठ-संरेखण: औचित्य;

टेक्स्ट के ब्लॉक को इच्छित के रूप में प्रस्तुत करने के लिए आपको इस सीएसएस नियम को उचित चयनकर्ता को लागू करने की आवश्यकता होगी।

पाठ को औचित्य कब करें

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

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

पठनीयता के मुद्दों के अलावा, रिक्त स्थान कभी-कभी पाठ के बीच में सफेद स्थान की "नदियों" बनाने के लिए एक-दूसरे के साथ मिलते हैं।

सफेद अंतरिक्ष के उन बड़े अंतराल वास्तव में एक अजीब प्रदर्शन के लिए बना सकते हैं। इसके अतिरिक्त, अत्यंत छोटी लाइनों पर, औचित्य उन रेखाओं का कारण बन सकता है जिनमें अक्षरों के बीच अतिरिक्त रिक्त स्थान वाला एक शब्द होता है।

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

पाठ को औचित्य देने के लिए टेक्स्ट-एलाइन शैली को लागू करने के बाद, यह सुनिश्चित करने के लिए परीक्षण करें कि टेक्स्ट में सफेद स्थान की नदियों नहीं हैं - और विभिन्न आकारों पर इसका परीक्षण करना सुनिश्चित करें।

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

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