एचटीएमएल डोम स्टाइल यूनिकोडबीड़ी संपत्ति

HTML DOM स्टाइल unicodeBidi प्रॉपर्टी लौटाती है और संशोधित करती है कि डायरेक्शन प्रॉपर्टी के साथ एक ही HTML दस्तावेज़ में कई भाषाओं का समर्थन करने के लिए टेक्स्ट को ओवरराइड किया जाना चाहिए या नहीं।

सिंटैक्स

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

यूनिकोड बीड़ी लौटा रहा है

object.style.unicodeBidi

यूनिकोडबीड़ी को संशोधित करना

object.style.unicodeBidi = “value”

मान

यहाँ, मान हो सकता है -

<थेड>

मान	स्पष्टीकरण
उत्तराधिकारी	यह इस गुण मान को इसके मूल तत्व से प्राप्त करता है।
प्रारंभिक	इसने इस गुण मान को इसके डिफ़ॉल्ट मान पर सेट किया है।
सामान्य	यह एम्बेडिंग का कोई अतिरिक्त स्तर निर्धारित नहीं करता है।
एम्बेड करें	यह एम्बेडिंग का एक अतिरिक्त स्तर निर्धारित करता है।
बीड़ी-ओवरराइड	यह एम्बेडिंग का एक अतिरिक्त स्तर सेट करता है और दिशा संपत्ति के आधार पर इसे फिर से व्यवस्थित करता है।

उदाहरण

आइए HTML DOM स्टाइल 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 Property Example</h1>
<p style="direction:ltr">This is a paragraph element with some dummy text.</p>
<button onclick="add()" class="btn">Set unicodeBidi</button>
<script>
   function add() {
      document.querySelector('p').style.direction = "rtl";
      document.querySelector('p').style.unicodeBidi = "bidi-override";
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

एचटीएमएल डोम स्टाइल यूनिकोडबीड़ी संपत्ति

“यूनिकोडबीड़ी सेट करें . पर क्लिक करें अनुच्छेद तत्व पर यूनिकोडबिडी सीएसएस गुण सेट करने के लिए बटन।

एचटीएमएल डोम स्टाइल यूनिकोडबीड़ी संपत्ति