पाठ-औचित्य - सीएसएस-ट्रिक्स

Anonim

text-justifyसीएसएस में संपत्ति का एक साथी है text-alignसंपत्ति है कि पाठ का औचित्य विधि सेट करने के लिए जब प्रयोग किया जाता है text-alignपर सेट है justifyमूल्य।

p ( text-align: justify; text-justify: inter-word; )

मूल्यों

  • inter-word: निर्दिष्ट करता है कि पाठ शब्दों के बीच रिक्ति को समायोजित करके, प्रभावी रूप से अतिरिक्त शब्द रिक्ति बनाकर उचित है। यह प्रभावी रूप से word-spacingसंपत्ति का एक बदलाव है ।
  • inter-character: निर्दिष्ट करता है कि पाठ वर्णों के बीच अंतर को समायोजित करके न्यायोचित है, प्रभावी रूप से अतिरिक्त वर्ण अंतर पैदा करना। यह प्रभावी रूप से letter-spacingसंपत्ति का एक बदलाव है ।
  • auto: ब्राउज़र को यह निर्धारित करने की अनुमति देता है कि क्या औचित्य बेहतर माना जाता है inter-wordया inter-character। यह बहुभाषी परिदृश्यों में मददगार हो सकता है, जहां सामग्री भाषा प्रदान किए जाने तक अज्ञात है, ब्राउज़र उपयोगकर्ता एजेंट को इस आधार पर चुनने की अनुमति देता है कि कौन सी विधि भाषा के संदर्भ में बेहतर फिट बैठती है।
  • none: औचित्य के तरीकों को निष्क्रिय कर देता है, प्रभावी रूप से किसी भी औचित्य के अवसरों को हटा देता है, या जहां ओवरसाइडिंग विधि कैस्केड में आ सकती है।

क्या औचित्य है?

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

Google डॉक्स टूलबार में पाठ संरेखित और औचित्य विकल्प

वे पहले तीन सीएसएस text-alignसंपत्ति की तरह पाठ संरेखण सेट करते हैं, जहां पाठ को बाएं, दाएं या पूरी तरह से केंद्रित किया जा सकता है।

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

Google डॉक्स में उचित सामग्री प्रत्येक पंक्ति में पूर्ण दस्तावेज़ चौड़ाई पर कब्जा करने के लिए शब्दों के बीच रिक्ति जोड़ती है

text-justifyसंपत्ति हमें भी ऐसा ही करने की अनुमति देता है, लेकिन अतिरिक्त लचीलेपन के साथ निर्धारित करने के लिए रिक्ति विधि का औचित्य साबित करने के लिए सामग्री शब्दों या वर्णों के बीच किया जाता है प्रयोग किया जाता है या नहीं।

ब्राउज़र का समर्थन

text-justifyसंपत्ति सीएसएस पाठ मॉड्यूल स्तर 3 विनिर्देश, जो इस लेखन के समय संपादक का ड्राफ़्ट स्थिति में है में शामिल है।

यह संपत्ति वर्तमान में उम्मीदवार की सिफारिश की अवधि में "जोखिम में" के रूप में सूचीबद्ध है। जैसे, इस संपत्ति को उत्पादन में उपयोग करने की अनुशंसा नहीं की जाती है क्योंकि निकट भविष्य में सभी ब्राउज़रों के मानक के रूप में इसे अपनाने की संभावना नहीं है।

वर्तमान समर्थन फ़ायरफ़ॉक्स 55+ तक सीमित है। इंटरनेट एक्सप्लोरर 11 और एज 14+ भी संपत्ति का समर्थन करते हैं, लेकिन केवल inter-wordमूल्य के साथ-साथ अनौपचारिक मूल्य भी डब्ल्यू 3 सी विनिर्देश में शामिल नहीं हैं।

यह ब्राउज़र सपोर्ट डेटा Caniuse का है, जिसमें अधिक विवरण हैं। एक संख्या इंगित करती है कि ब्राउज़र उस संस्करण और ऊपर की सुविधा का समर्थन करता है।

डेस्कटॉप

क्रोम फ़ायर्फ़ॉक्स अर्थात एज सफारी
नहीं न ५५ 1 1 १। नहीं न

मोबाइल / टेबलेट

Android क्रोम Android फ़ायरफ़ॉक्स एंड्रॉयड iOS सफारी
नहीं न .५ नहीं न नहीं न