HTML-এ ইনলাইন CSS যোগ করতে style অ্যাট্রিবিউট ব্যবহার করা হয়। style অ্যাট্রিবিউট একটি এলিমেন্টের ইনলাইন স্টাইল নির্দেশ করে। এটি CSS প্রোপার্টি যেমন font-family, font-style, text-decoration, direction ইত্যাদির সাথে ব্যবহার করা হয়।
মনে রাখবেন, style অ্যাট্রিবিউট গ্লোবালি সেট করা যেকোনো স্টাইল ওভাররাইড করে। এটি HTML <style> ট্যাগ বা এক্সটার্নাল স্টাইলশিটের স্টাইলও ওভাররাইড করে।
উদাহরণ
নিচের কোড চালিয়ে HTML-এ ইনলাইন CSS ব্যবহার করুন। এখানে হেডিং-এ ইনলাইন CSS দিয়ে ফন্ট সাইজ যোগ করা হয়েছে:
<!DOCTYPE html> <html> <head> <title>HTML Inline CSS</title> </head> <body> <h1 style=“font-size: 20px;”> টিউটোরিয়াল </h1> <p>আমাদের প্রোগ্রামিং, CMS, স্ক্রিপ্টিং ল্যাঙ্গুয়েজ ইত্যাদিতে টিউটোরিয়াল আছে।</p> </body> </html>
