HTML DOM Bdo dir প্রোপার্টি

HTML DOM Bdo dir প্রোপার্টি HTML <bdo> এলিমেন্টের সাথে যুক্ত। এখানে, bdo হলো Bi-Directional Override-এর সংক্ষিপ্ত রূপ। <bdo> ট্যাগ বর্তমান টেক্সট ডিরেকশন ওভাররাইড করতে ব্যবহৃত হয় যা ডিফল্টভাবে লেফট টু রাইট। bdo dir প্রোপার্টি একটি <bdo> এলিমেন্টের dir অ্যাট্রিবিউট মান সেট বা রিটার্ন করে। dir প্রোপার্টি <bdo> এলিমেন্টের জন্য বাধ্যতামূলক। এটি টেক্সট ফ্লোর ডিরেকশন নির্দিষ্ট করে।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

dir প্রোপার্টি সেট করা:

bdoObject.dir = "ltr|rtl"

এখানে, ltr মানে লেফট-টু-রাইট টেক্সট ডিরেকশন, আর rtl মানে রাইট-টু-লেফট টেক্সট ডিরেকশন।

dir প্রোপার্টি রিটার্ন করা:

bdoObject.dir

উদাহরণ

HTML DOM bdo dir প্রোপার্টির জন্য একটি উদাহরণ দেখি:

<!DOCTYPE html> <html> <body> <h3><bdo id="myBdo" dir="rtl">RIGHT-TO-LEFT</bdo></h3> <p>Click the below button to get text direction of the above text</p> <button onclick="getDirection()">GET DIRECTION</button> <button onclick="setDirection()">SET DIRECTION</button> <p id="Sample"></p> <script>    function getDirection() {       var x = document.getElementById("myBdo").dir;       document.getElementById("Sample").innerHTML ="The text direction is from " + x;    }    function setDirection(){       document.getElementById("myBdo").dir="ltr";    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট দেবে:

GET DIRECTION-এ ক্লিক করলে:

SET DIRECTION-এ ক্লিক করলে:

উপরের উদাহরণে:

আমরা প্রথমে এলিমেন্টটি

এলিমেন্টের ভিতরে dir অ্যাট্রিবিউট মান "rtl" সেট করে তৈরি করেছি:

<h3><bdo id="myBdo" dir="rtl">RIGHT-TO-LEFT</bdo></h3>

আমরা তারপর GET DIRECTION এবং SET DIRECTION নামে দুটি বাটন তৈরি করেছি যারা যথাক্রমে getDirection() এবং setDirection() ফাংশন এক্সিকিউট করবে:

<button onclick="getDirection()">GET DIRECTION</button> <button onclick="setDirection()">SET DIRECTION</button>

getDirection() ফাংশন id "myBdo" সহ এলিমেন্টটি পায় যা আমাদের কেসে <bdo> এলিমেন্ট। এলিমেন্ট থেকে প্রাপ্ত dir প্রোপার্টি মান x ভেরিয়েবলে অ্যাসাইন করা হয়। মানটি তারপর id "Sample" সহ প্যারাগ্রাফে প্রদর্শিত হয়:

function getDirection() {    var x = document.getElementById("myBdo").dir;    document.getElementById("Sample").innerHTML ="The text direction is from " + x; }

setDirection() ফাংশন id "mybdo" সহ এলিমেন্টটি পায় এবং এর dir প্রোপার্টি মান "ltr"-এ সেট করে যার অর্থ লেফট টু রাইট। এটি ডিফল্ট টেক্সট ডিরেকশনও:

function setDirection(){    document.getElementById("myBdo").dir="ltr"; }