HTML DOM Style textTransform गुणधर्म

DOM style textTransform गुणधर्म HTML दस्तावेज़ में किसी तत्व के टेक्स्ट पर ट्रांसफ़ॉर्मेशन लागू करता है और उसे लौटाता है।

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

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

textTransform लौटाना

object.style.textTransform

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

object.style.textTransform = "value"

मान (Values)

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

मान	व्याख्या
inherit	यह अपने पैरेंट तत्व से इस गुणधर्म का मान विरासत में लेता है।
initial	यह इस गुणधर्म के मान को उसके डिफ़ॉल्ट मान पर सेट करता है।
none	यह टेक्स्ट पर कोई ट्रांसफ़ॉर्म सेट नहीं करता।
uppercase	यह सभी वर्णों को अपरकेस में बदल देता है।
lowercase	यह सभी वर्णों को लोअरकेस में बदल देता है।
capitalize	यह सभी शब्दों के पहले वर्ण को अपरकेस में बदल देता है।

उदाहरण

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

<!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 textTransform गुणधर्म उदाहरण</h1> 
<p>नमस्ते! मैं कुछ डमी टेक्स्ट के साथ एक पैराग्राफ तत्व हूँ।</p> 
<button onclick="add()" class="btn">textTransform बदलें</button> 
<script> 
    function add() { 
        document.querySelector('p').style.textTransform = "uppercase"; 
    } 
</script> </body> </html>

आउटपुट

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

HTML DOM Style textTransform गुणधर्म

"textTransform बदलें" बटन पर क्लिक करके पैराग्राफ टेक्स्ट पर ट्रांसफ़ॉर्मेशन लागू करें:

HTML DOM Style textTransform गुणधर्म