কম্পিউটার টিউটোরিয়াল

HTML-এ CSS direction প্রোপার্টি ব্যবহার করে টেক্সট রাইট-টু-লেফট (RTL) দেখানো


HTML-এ টেক্সট রাইট-টু-লেফট (RTL) দেখাতে CSS direction প্রোপার্টি ব্যবহার করা হয়। এটি style অ্যাট্রিবিউটের সাথে ব্যবহার করুন। style অ্যাট্রিবিউট একটি এলিমেন্টের ইনলাইন স্টাইল নির্দেশ করে।

CSS direction প্রোপার্টির সাথে নিচের মানগুলো ব্যবহার করা যায় −

ক্রম নং মান ও বর্ণনা
১ ltr
লেফট-টু-রাইট (বাম থেকে ডান) লিখন দিক
২ rtl
রাইট-টু-লেফট (ডান থেকে বাম) লিখন দিক
৩ initial
প্রাথমিক মান

style অ্যাট্রিবিউট CSS direction প্রোপার্টির সাথে ব্যবহার করে টেক্সট RTL দেখান। মনে রাখবেন, style অ্যাট্রিবিউট গ্লোবাল স্টাইল ওভাররাইড করে।

HTML-এ CSS direction প্রোপার্টি ব্যবহার করে টেক্সট রাইট-টু-লেফট (RTL) দেখানো

উদাহরণ

নিচের কোড চালিয়ে HTML-এ টেক্সট রাইট-টু-লেফট দেখান:

<!DOCTYPE html> <html> <head> <title>HTML Text Direction</title> </head> <body>    <p style = "direction: rtl;">       ডান থেকে বামে প্রদর্শিত হবে    </p> </body> </html>

  1. HTML-এ CSS direction প্রোপার্টি ব্যবহার করে টেক্সট ডিরেকশন সেট করা

  2. HTML-এ <span> ট্যাগ ব্যবহার করে ইনলাইন এলিমেন্ট স্টাইল করা

  3. HTML-এ <div> ট্যাগ ব্যবহার করে ব্লক-লেভেল এলিমেন্ট স্টাইল করা

  4. HTML DOM Style direction প্রপার্টি