पाठ-रेखांकन-स्थिति - सीएसएस-ट्रिक्स

text-underline-positionसंपत्ति लिंक पर या के साथ पाठ पर रेखांकन की नियुक्ति सेट text-decoration: underline;लागू।

a ( text-underline-position: under; )

मूल्यों

ये W3C CSS पाठ सजावट मॉड्यूल स्तर 3 उम्मीदवार सिफारिश में निर्दिष्ट मान हैं:

auto: डिफ़ॉल्ट। ब्राउज़र पाठ की आधार रेखा पर या उसके नीचे अंडरलाइन रखने के बीच तय करेगा।
inherit: माता-पिता की अंडरलाइन स्थिति विरासत में मिलती है।
under: अवरोही को पार करने से रोकने के लिए अतिरिक्त स्थान के साथ पाठ के नीचे रेखांकित करता है।
left: ऊर्ध्वाधर लेखन मोड के लिए। यह पंक्ति को पाठ के बाईं ओर रखता है।
right: ऊर्ध्वाधर लेखन मोड के लिए। यह पंक्ति को पाठ के दाईं ओर रखता है।

Microsoft Internet Explorer के लिए भिन्न मानों का उपयोग करता है:

auto: डिफ़ॉल्ट। जापानी को छोड़कर सभी भाषाओं के लिए पाठ के नीचे की ओर रेखाएं देखें (विवरण के लिए नीचे "अधिक जानकारी" अनुभाग में MSDN लिंक देखें)।
above: पाठ के ऊपर की रेखांकित करता है। के समान दिखने वालाtext-decoration: overline;
below: पाठ के नीचे की स्थिति को बताता है। ध्यान दें कि यह अलग है under- यह अवरोही को स्पष्ट नहीं करेगा।
auto-posके एमएस कार्यान्वयन के रूप में ही काम करता है auto।

डेमो

इस लेखन के समय, text-underline-positionकेवल क्रोम (प्रयोगात्मक झंडे सक्षम होने के साथ 33+) और इंटरनेट एक्सप्लोरर 6+ द्वारा आंशिक रूप से समर्थित है। Chrome W3C उम्मीदवार की अनुशंसा से समर्थन करता है auto, inheritऔर underIE अपने स्वयं के वैकल्पिक मूल्यों का समर्थन करता है।

यह डेमो ब्राउज़रों में उन मूल्यों underऔर belowमूल्यों को दर्शाता है जो उनका समर्थन करते हैं।

CodePen पर CSS-Tricks (@ css-tricks) द्वारा पेन टेक्स्ट-अंडरलाइन-स्थिति देखें।

सम्बंधित

text-decoration

अधिक जानकारी

text-underline-position सीएसएस पाठ सजावट मॉड्यूल स्तर 3 सीआर में।
text-underline-position MSDN पर।

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

क्रोम	सफारी	फ़ायर्फ़ॉक्स	ओपेरा	अर्थात	एंड्रॉयड	आईओएस
33 *	कोई नहीं	कोई नहीं	कोई नहीं	6 †	कोई नहीं	कोई नहीं

* -webkitक्रोम में सक्षम उपसर्ग और प्रयोगात्मक झंडे के साथ : // झंडे। leftऔर rightमूल्यों का समर्थन नहीं किया।
† -msउपसर्ग और IE- विशिष्ट मूल्यों के साथ।