CSS टेक्स्ट-डिकोरेशन-स्टाइल प्रतियोगिता
- पिछला पृष्ठ text-decoration-line
- अगला पृष्ठ text-decoration-thickness
परिभाषा और इस्तेमाल
text-decoration-style गुण टेक्स्ट डिकॉरेशन के तरीके को सेट करता है (सोलिड, वेव, डॉट, डैश, डबल)。
सूचना:और अन्य देखें: text-decoration गुणयह तीन गुणों का लघु गुण है:
- text-decoration-line
- text-decoration-style
- text-decoration-color
और देखें:
CSS शिक्षण:CSS टेक्स्ट
HTML DOM संदर्भ दस्तावेज़:textDecorationStyle गुण
उदाहरण
विभिन्न प्रकार के text-decoration शैली सेट करें:
div.a {
text-decoration-line: underline;
text-decoration-style: solid;
}
div.b {
text-decoration-line: underline;
text-decoration-style: wavy;
}
div.c {
text-decoration-line: underline;
text-decoration-style: double;
}
div.d {
text-decoration-line: overline underline;
text-decoration-style: wavy;
}
CSS व्याकरण
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
गुण मूल्य
| मूल्य | वर्णन |
|---|---|
| solid | मूलभूत मूल्य। लाइन एकल दिखाई देती है। |
| double | दूरी दर्शाने के लिए लाइन डबल दिखाई देती है। |
| dotted | दूरी दर्शाने के लिए लाइन डॉट दिखाई देती है। |
| dashed | दूरी दर्शाने के लिए लाइन डैश दिखाई देती है। |
| wavy | दूरी दर्शाने के लिए लाइन वेव दिखाई देती है। |
| initial | इस गुण को उसके मूलभूत मूल्य पर सेट करें। देखें initial。 |
| inherit | इस गुण को उसके पिता एलेमेंट से विरासत करें। देखें inherit。 |
तकनीकी विवरण
| मूलभूत मूल्य: | solid |
|---|---|
| विरासत: | नहीं |
| एनिमेशन निर्माण: | इस्तेमाल नहीं किया जाता। देखें:एनिमेशन संबंधी गुण。 |
| संस्करण: | CSS3 |
| JavaScript व्याकरण: | object.style.textDecorationStyle="wavy" |
ब्राउज़र समर्थन
तालिका में नंबर इस गुण के पूर्ण समर्थन वाले पहले ब्राउज़र संस्करण को निर्दिष्ट करते हैं।
मूलभूत -moz- के साथ नंबर इस्तेमाल करने वाला पहला संस्करण है।
| च्रोम | IE / एज | फायरफॉक्स | सफारी | ओपेरा |
|---|---|---|---|---|
| 57.0 | 79.0 | 36.0 6.0 -moz- |
12.1 | 44.0 |
- पिछला पृष्ठ text-decoration-line
- अगला पृष्ठ text-decoration-thickness
