সেল প্যাডিং হলো সেলের বর্ডার এবং সেলের কন্টেন্টের মধ্যবর্তী স্পেস। HTML-এ সেল প্যাডিং সেট করতে style অ্যাট্রিবিউট ব্যবহার করতে হয়। style অ্যাট্রিবিউট একটি এলিমেন্টের ইনলাইন স্টাইল নির্দেশ করে। এটি HTML <table> ট্যাগের সাথে CSS padding প্রোপার্টি ব্যবহার করে কাজ করে।
HTML5 <table>-এর cellpadding অ্যাট্রিবিউট সমর্থন করে না, তাই CSS padding প্রোপার্টি ব্যবহার করতে হয়।
মনে রাখবেন, style অ্যাট্রিবিউট গ্লোবাল স্টাইল ওভাররাইড করে।
উদাহরণ
নিচের কোড চালিয়ে HTML-এ সেল প্যাডিং সেট করুন:
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <h1>প্রোগ্রামিং ল্যাঙ্গুয়েজ</h1> <table> <tr> <th style="padding:10px">ভাষা</th> </tr> <tr> <td style="padding:10px">রুবি</td> </tr> </table> </body> </html>
আউটপুট
