HTML DOM dir বৈশিষ্ট্যটি ডিফল্ট বাম থেকে ডান থেকে ডান থেকে বাম বা স্বয়ংক্রিয়ভাবে একটি উপাদানের পাঠ্য দিক পরিবর্তন করার জন্য ব্যবহৃত হয়। dir বৈশিষ্ট্যটি একটি উপাদানের dir বৈশিষ্ট্য মান নির্ধারণ এবং ফেরত দেওয়ার জন্য ব্যবহৃত হয়। প্রত্যাবর্তিত dir অ্যাট্রিবিউট মান টাইপ স্ট্রিং।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলdir সম্পত্তি সেট করা -
HTMLElementObject.dir = "ltr|rtl|auto"
এখানে, ltr=বাম থেকে ডান পাঠ্যের দিকনির্দেশ এবং এটি ডিফল্ট পাঠ্য দিকনির্দেশ।, rtl=ডান থেকে বাম পাঠের দিকনির্দেশ, স্বয়ংক্রিয়=পাঠ্য দিকনির্দেশ এখানে সামগ্রীর উপর ভিত্তি করে এবং সাধারণত ওয়েব ব্রাউজার দ্বারা চিত্রিত করা হয়।
উদাহরণ
আসুন HTML DOM dir প্রপার্টি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h2>HTML DOM dir property</h2>
<p id="Sample">This is a sample text</p>
<button onclick="changeDir()">Change Dir</button>
<script>
function changeDir() {
document.getElementById("Sample").dir = "rtl";
}
</script>
<p>Clicking on the above button will change the text direction</p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
"চেঞ্জ ডির" বোতামে ক্লিক করলে -
আমরা প্রথমে একটি "চেঞ্জ ডির" বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে changeDir() ফাংশনটি কার্যকর করবে -
<button onclick="changeDir()">Change Dir</button>
changeDir() ফাংশন getElementById() পদ্ধতি ব্যবহার করে অনুচ্ছেদ উপাদান পায় এবং এর dir সম্পত্তি মান ডান থেকে বামে সেট করে। এটি ডান থেকে বামে পাঠ্য প্রদর্শন করে −
function changeDir() {
document.getElementById("Sample").dir = "rtl";
} 