HTML DOM स्टाइल टेक्स्टशैडो प्रॉपर्टी वापस आती है और लागू होती है कि क्या होना चाहिए जब टेक्स्ट किसी HTML दस्तावेज़ में एलिमेंट कंटेनर के बाहर प्रवाहित होता है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
-
रिटर्निंग टेक्स्टशैडो
object.style.textShadow
-
टेक्स्टशैडो को संशोधित करना
object.style.textShadow = “value”
मान
यहाँ, मान हो सकता है -
| मान | <वें शैली ="चौड़ाई:71.7687%; पाठ-संरेखण:केंद्र;">स्पष्टीकरण|
|---|---|
| उत्तराधिकारी | इस संपत्ति के मूल्य को इसके मूल तत्व से विरासत में मिला है। |
| आरंभिक | इसने इस गुण मान को उसके डिफ़ॉल्ट मान पर सेट किया। |
| कोई नहीं | यह टेक्स्ट पर कोई छाया नहीं डालता। |
| h-छाया v-छाया धुंधला रंग | यह टेक्स्ट पर छाया सेट करता है। यहां h-छाया क्षैतिज छाया के मान का प्रतिनिधित्व करती है। v-छाया लंबवत छाया के मान का प्रतिनिधित्व करती है। धुंधला धुंधला दूरी का प्रतिनिधित्व करता है। रंग छाया के रंग का प्रतिनिधित्व करते हैं। |
उदाहरण
आइए स्टाइल टेक्स्टशैडो प्रॉपर्टी का एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<style>
body {
color: #000;
background: lightblue;
height: 100vh;
}
p {
margin: 1.5rem auto;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
}
</style>
</head>
<body>
<h1>DOM Style textShadow Property Example</h1>
<p>Some Dummy Text</p>
<button onclick="add()" class="btn">Set textShadow</button>
<script>
function add() {
document.querySelector('p').style.textShadow = "10px 10px 2px #db133a";
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
“टेक्स्ट शैडो सेट करें . पर क्लिक करें अनुच्छेद टेक्स्ट पर छाया लागू करने के लिए बटन।
