CSS text-decoration-thickness गुण

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

text-decoration-thickness गुण डिकॉरेशन लाइन की चौड़ाई को निर्धारित करता है。

अन्य संदर्भ:

CSS संदर्भ दस्तावेज़:text-decoration गुण

CSS शिक्षा:CSS लेख

उदाहरण

<h1>、<h2>、<h3>、<h4> एलीमेंट के लिए अलग-अलग चौड़ाई वाली डिकॉरेशन लाइन सेट करें:

h1 {
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* लघु गुण का उपयोग करें */
h4 {
  text-decoration: underline solid red 50%;
}

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

CSS व्याकरण

text-decoration-thickness: auto|from-font|length/percentage|initial|inherit;

गुण मान

मान वर्णन
auto ब्राउज़र डिकॉरेशन लाइन की चौड़ाई को चुनता है。
from-font यदि फ़ॉन्ट फ़ाइल में अधिकारित चौड़ाई के बारे में जानकारी होती है, तो इस मान का उपयोग करें।अगर नहीं, तो यह auto रूप में प्रदर्शित होगा。
length/percentage निर्धारित चौड़ाई को लंबाई मान या प्रतिशत मान के रूप में निर्धारित करें。
initial इस गुण को इसके डिफ़ॉल्ट मान पर सेट करें।देखें initial。
inherit इस गुण को उसके पिता एलीमेंट से विरासत करें।देखें inherit。

तकनीकी विवरण

डिफ़ॉल्ट मान: auto
विरासत: नहीं
एनिमेशन निर्माण: न समर्थित।देखें:एनिमेशन से संबंधित गुण。
संस्करण: CSS4
JavaScript व्याकरण: object.style.textDecorationThickness="5px"

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

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

Chrome IE / Edge Firefox Safari Opera
89.0 89.0 70.0 12.1 75.0