HTML DOM Style direction प्रॉपर्टी

HTML DOM Style direction प्रॉपर्टी का उपयोग टेक्स्ट दिशा को निर्दिष्ट या प्राप्त करने के लिए किया जाता है। इसका डिफ़ॉल्ट मान ltr है।

सिंटैक्स निम्नलिखित है:

direction प्रॉपर्टी सेट करना:

object.style.direction = "ltr|rtl|initial|inherit"

उपरोक्त प्रॉपर्टी मान निम्नलिखित हैं:

आइए direction प्रॉपर्टी के लिए एक उदाहरण देखें:

उदाहरण

<!DOCTYPE html> <html> <head> <style>    div,span {       margin: 3px;       padding: 4px;    }    div{       height: 50px;       width: 540px;       border: 2px solid black;    }    span {       float: left;       width: 500px;       height:40px;       background-color: lightblue;    } </style> <script>    function changeDir(){       document.getElementById("DIV1").style.direction="rtl";       document.getElementById("Sample").innerHTML="उपरोक्त टेक्स्ट दिशा अब दाएं से बाएं है";    } </script> </head> <body>    <div id="DIV1">       <span>THIS IS SOME TEXT INSIDE A SPAN ELEMENT.</span>    </div>    <p>नीचे दिए गए बटन पर क्लिक करके स्पैन तत्व के अंदर मौजूद टेक्स्ट दिशा बदलें</p>    <button onclick="changeDir()">टेक्स्ट दिशा बदलें</button>    <p id="Sample"></p> </body> </html>

आउटपुट

टेक्स्ट दिशा बदलें बटन पर क्लिक करने पर: