HTML DOM Style direction প্রপার্টি টেক্সটের দিক নির্দিষ্ট বা ফেরত দেওয়ার জন্য ব্যবহৃত হয়। এর ডিফল্ট মান ltr।
সিনট্যাক্স
direction প্রপার্টি সেট করার সিনট্যাক্স:
object.style.direction = "ltr|rtl|initial|inherit"
প্রপার্টি মানগুলো নিচে ব্যাখ্যা করা হলো:
| মান | বিবরণ |
|---|---|
| ltr | এটি ডিফল্ট মান এবং টেক্সট বাম থেকে ডানে প্রবাহিত হয়। |
| rtl | টেক্সট ডান থেকে বামে প্রবাহিত হয়। |
| initial | প্রপার্টিকে ডিফল্ট মানে সেট করার জন্য। |
| inherit | পিতামাতা এলিমেন্ট থেকে মান উত্তরাধিকার সূত্রে পাওয়ার জন্য। |
উদাহরণ
<!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>নিচের বাটনে ক্লিক করলে span এলিমেন্টে থাকা টেক্সট দিক পরিবর্তন হবে</p> <button onclick="changeDir()">টেক্সট দিক পরিবর্তন করুন</button> <p id="Sample"></p> </body> </html>
আউটপুট
টেক্সট দিক পরিবর্তন করুন বাটনে ক্লিক করলে:
