HTML DOM Style unicodeBidi गुणधर्म

HTML DOM style unicodeBidi गुणधर्म direction गुणधर्म के साथ मिलकर एक ही HTML दस्तावेज़ में कई भाषाओं का समर्थन करने के लिए टेक्स्ट को ओवरराइड करने योग्य बनाता है।

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

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

unicodeBidi लौटाना

object.style.unicodeBidi

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

object.style.unicodeBidi = "value"

मान (Values)

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

उदाहरण

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

<!DOCTYPE html> <html> <head> <style> 
    body { 
        color: #000; 
        background: lightblue; 
        height: 100vh; 
        text-align: center; 
    } 
    .btn { 
        background: #db133a; 
        border: none; 
        height: 2rem; 
        border-radius: 2px; 
        width: 40%; 
        display: block; 
        color: #fff; 
        outline: none; 
        cursor: pointer; 
        margin: 1rem auto; 
    } 
</style> </head> <body> 
<h1>DOM Style transformStyle गुणधर्म उदाहरण</h1> 
<p style="direction:ltr">यह कुछ डमी टेक्स्ट के साथ एक पैराग्राफ तत्व है।</p> 
<button onclick="add()" class="btn">unicodeBidi सेट करें</button> 
<script> 
    function add() { 
        document.querySelector('p').style.direction = "rtl"; 
        document.querySelector('p').style.unicodeBidi = "bidi-override"; 
    } 
</script> </body> </html>

आउटपुट

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

"unicodeBidi सेट करें" बटन पर क्लिक करके पैराग्राफ तत्व पर unicodeBidi CSS गुणधर्म सेट करें।