CSS टेक्स्ट-शैडो प्रभाव

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

text-shadow गुण टेक्स्ट को शैडो सेट करता है。

और देखें:

CSS3 पाठ्यक्रम:CSS3 टेक्स्ट इफ़ेक्ट

HTML DOM संदर्भ दस्तावेज़:textShadow गुण

उदाहरण

बुनियादी टेक्स्ट शैडो प्रभाव:

h1
{
text-shadow: 5px 5px 5px #FF0000;
}

अपने आप साबित करें

अधिक उदाहरण वेब पान के नीचे हैं。

CSS व्याकरण

text-shadow: h-shadow v-shadow धुंधलापन रंग;

टिप्पणी:text-shadow गुण टेक्स्ट को एक या अधिक शैडो जोड़ता है। यह गुण कमा के साथ शैडो की सूची है, जिसमें प्रत्येक शैडो में दो या तीन लंबाई मान और एक वैकल्पिक रंग मान होता है। अनुमित लंबाई 0 है।

गुण मान

मान वर्णन परीक्षण
h-shadow अनिवार्य। अनुवर्ती शैडो का स्थान। नकारात्मक मान की अनुमति है। परीक्षण
v-shadow अनिवार्य। ऊर्ध्व शैडो का स्थान। नकारात्मक मान की अनुमति है। परीक्षण
धुंधलापन वैकल्पिक। धुंधलापन की दूरी। परीक्षण
रंग वैकल्पिक। शैडो का रंग। देखें सीएसएस रंग मान。 परीक्षण

तकनीकी विवरण

डिफ़ॉल्ट मान: कोई भी नहीं
विरासत की गुणता: हाँ
संस्करण: CSS3
JavaScript व्याकरण: object.style.textShadow="2px 2px #ff0000"

अधिक उदाहरण

धुंधले प्रभाव वाले टेक्स्ट शैडो
इस उदाहरण में धुंधले प्रभाव वाले टेक्स्ट शैडो को दिखाया गया है。
श्वेत टेक्स्ट पर शैडो
इस उदाहरण में श्वेत टेक्स्ट पर टेक्स्ट शैडो को दिखाया गया है。
नेयोन प्रभाव वाले टेक्स्ट शैडो
इस उदाहरण में नेयोन प्रभाव वाले टेक्स्ट शैडो को दिखाया गया है。

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

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

च्रोम IE / एज फायरफॉक्स सैफारी ओपेरा
4.0 10.0 3.5 4.0 9.6