शैली पाठछाया संपत्ति
उदाहरण
पाठ में छाया जोड़ें:
document.getElementById("demo").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";
परिभाषा और उपयोग
टेक्स्टशैडो गुण टेक्स्ट के लिए एक या अधिक छाया प्रभाव सेट करता है या देता है।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
textShadow | Yes | 10.0 | Yes | Yes | Yes |
वाक्य - विन्यास
टेक्स्टशैडो प्रॉपर्टी लौटाएं:
object.style.textShadow
टेक्स्टशैडो प्रॉपर्टी सेट करें:
object.style.textShadow = "none|h-shadow v-shadow blur color|initial|inherit"
नोट: टेक्स्टशैडो प्रॉपर्टी टेक्स्ट में एक या अधिक शैडो संलग्न करती है। संपत्ति छाया की एक अल्पविराम से अलग सूची है, प्रत्येक 2 या 3 लंबाई मानों और एक वैकल्पिक रंग द्वारा निर्दिष्ट है। छोड़ी गई लंबाई 0 हैं।
सम्पत्ति की कीमत
Value | Description |
---|---|
none | No shadow is drawn. This is default |
h-shadow | Required. The position of the horizontal shadow. Negative values are allowed |
v-shadow | Required. The position of the vertical shadow. Negative values are allowed |
blur | Optional. The blur distance |
color | Optional. The color of the shadow. Look at CSS Color Values for a complete list of possible color values |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | कोई नहीं |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, तत्व के पाठ पर लागू होने वाले छाया प्रभावों की अल्पविराम से अलग सूची का प्रतिनिधित्व करती है |
सीएसएस संस्करण | CSS3 |
और ज्यादा उदाहरण
उदाहरण
पाठ छाया लौटाएं:
alert(document.getElementById("myP").style.textShadow);
संबंधित पृष्ठ
CSS ट्यूटोरियल: CSS3 टेक्स्ट इफेक्ट्स
सीएसएस संदर्भ: टेक्स्ट-छाया संपत्ति
❮ स्टाइल ऑब्जेक्ट