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

HTML-এ স্ট্রাইকথ্রু (Strikethrough) টেক্সট মার্ক করা


HTML-এ স্ট্রাইকথ্রু টেক্সট মার্ক করতে <strike>...</strike> ট্যাগ ব্যবহার করা হতো। এটি টেক্সটের মাঝপথে লাইন টানা একটি রেন্ডার করে। কিন্তু HTML5-এ এই ট্যাগটি ডিপ্রিকেটেড (deprecated) এবং ব্যবহার করা উচিত নয়। বিকল্প হিসেবে CSS text-decoration প্রোপার্টি ব্যবহার করতে হয়।

CSS প্রোপার্টি ব্যবহার করতে style অ্যাট্রিবিউট ব্যবহার করুন। style অ্যাট্রিবিউট একটি এলিমেন্টের ইনলাইন স্টাইল নির্দেশ করে। এটি HTML <p> ট্যাগের সাথে ব্যবহার করা যায়। মনে রাখবেন, HTML5 <strike> ট্যাগ সমর্থন করে না, তাই CSS স্টাইল ব্যবহার করতে হয়।

HTML-এ স্ট্রাইকথ্রু (Strikethrough) টেক্সট মার্ক করা

উদাহরণ

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

<!DOCTYPE html> <html> <head> <title>HTML Strikethrough text</title> </head> <body> <h1>হেডিং</h1> <p style="text-decoration: line-through;"> স্ট্রাইকথ্রু টেক্সট </p> </body> </html>

আউটপুট

HTML-এ স্ট্রাইকথ্রু (Strikethrough) টেক্সট মার্ক করা


  1. HTML-এ <ins> ট্যাগ ব্যবহার করে ইনসার্টেড (Inserted) টেক্সট মার্ক করা

  2. HTML-এ <del> ট্যাগ ব্যবহার করে ডিলিটেড (Deleted) টেক্সট মার্ক করা

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

  4. HTML-এ <abbr> ট্যাগ ব্যবহার করে সংক্ষেপाक्षর (Abbreviation/Acronym) মার্ক করা