HTML DOM Style textShadow गुणधर्म

HTML DOM style textShadow गुणधर्म टेक्स्ट पर छाया प्रभाव लागू करता है और उसे लौटाता है।

वाक्य रचना (Syntax)

निम्नलिखित वाक्य रचना है:

textShadow लौटाना

object.style.textShadow

textShadow संशोधित करना

object.style.textShadow = "value"

मान (Values)

यहाँ मान निम्न हो सकते हैं:

मान	व्याख्या
inherit	यह अपने पैरेंट तत्व से इस गुणधर्म का मान विरासत में लेता है।
initial	यह इस गुणधर्म के मान को उसके डिफ़ॉल्ट मान पर सेट करता है।
none	यह टेक्स्ट पर कोई छाया सेट नहीं करता।
h-shadow v-shadow blur color	यह टेक्स्ट पर छाया सेट करता है। यहाँ h-shadow क्षैतिज छाया का मान दर्शाता है। v-shadow ऊर्ध्वाधर छाया का मान दर्शाता है। blur ब्लर दूरी दर्शाता है। color छाया का रंग दर्शाता है।

उदाहरण

आइए style textShadow गुणधर्म का एक उदाहरण देखें:

<!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 गुणधर्म उदाहरण</h1> 
<p>कुछ डमी टेक्स्ट</p> 
<button onclick="add()" class="btn">textShadow सेट करें</button> 
<script> 
    function add() { 
        document.querySelector('p').style.textShadow = "10px 10px 2px #db133a"; 
    } 
</script> </body> </html>

आउटपुट

यह निम्न आउटपुट उत्पन्न करेगा:

HTML DOM Style textShadow गुणधर्म

"textShadow सेट करें" बटन पर क्लिक करके पैराग्राफ टेक्स्ट पर छाया लागू करें।

HTML DOM Style textShadow गुणधर्म