CSS टेक्स्ट-अंडरलाइन-पोजीशन प्रभाव

परिभाषा और उपयोग

text-underline-position गुण नीचे लिंक टेक्स्ट डिकॉरेशन का स्थान सेट करता है。

उदाहरण

नीचे लिंक टेक्स्ट डिकॉरेशन का स्थान सेट करें:

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

स्वयं प्रयोग करें

CSS व्याकरण

text-underline-position: auto|under|from-font|left|right|initial|inherit;

गुण मान

मान वर्णन
ऑटो मूलभूत मान। ब्राउज़र नीचे लिंक का स्थान सेट करता है。
under नीचे लिंक को अक्षर आधार रेखा के नीचे सेट करें。
from-font

यदि फ़ॉन्ट फ़ाइल में नीचे लिंक के स्थान के बारे में जानकारी होती है, तो इस मान का उपयोग करें。

अन्यथा, auto का उपयोग करें。

बाएँ

अक्षांशीय लिखाई मोड में, नीचे लिंक लिखाई के दायरे के बाएँ ओर रखा जाएगा。

स्तरीय लिखाई मोड में, नीचे लिंक को auto स्थान पर रखा जाएगा。

दायाँ

अक्षांशीय लिखाई मोड में, नीचे लिंक लिखाई के दायरे के दायरे में रखा जाएगा。

स्तरीय लिखाई मोड में, नीचे लिंक को auto स्थान पर रखा जाएगा。

इनिशियल इस गुण को उसके मूलभूत मान पर सेट करें। सन्दर्भ देखें इनिशियल.
विरासतीय इस गुण को उसके पिता एलिमेंट से विरासत करें। सन्दर्भ देखें विरासतीय.

तकनीकी विवरण

मूलभूत मान: ऑटो
विरासतीयता: हाँ
एनीमेशन निर्माण: समर्थित नहीं है। सन्दर्भ देखें:एनीमेशन संबंधी गुण.
संस्करण: CSS3
जेसक्रिप्ट व्याकरण: object.style.textUnderlinePosition="under"

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

तालिका में दिए गए संख्याएं पहली पूरी तरह से इस गुण को समर्थन देने वाले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。

च्रोम एज फायरफॉक्स सफारी ओपेरा
33.0 79.0 74.0 12.1 20.0

संबंधित पृष्ठ

तस्करा:CSS टेक्स्ट-डिकोरेशन

सन्दर्भ:HTML DOM textDecoration गुण