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

HTML-এ টেবিলের প্রস্থ (Width) সেট করা


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

মনে রাখবেন, style অ্যাট্রিবিউট গ্লোবালি সেট করা যেকোনো স্টাইল ওভাররাইড করে।

HTML-এ টেবিলের প্রস্থ (Width) সেট করা

উদাহরণ

নিচের কোড চালিয়ে HTML-এ টেবিলের প্রস্থ সেট করুন। এখানে <style> ট্যাগ এবং style অ্যাট্রিবিউট ব্যবহার করে টেবিল বর্ডার স্টাইল করা হয়েছে:

<!DOCTYPE html> <html>    <head>       <style>          th, td {             border: 1px solid black;          }       </style>    </head>    <body>       <h1>প্রোগ্রামিং ল্যাঙ্গুয়েজ</h1>       <table style="width:100px; border: 1px solid black">          <tr>             <th>ভাষা</th>             <th>রিলিজ বছর</th>          </tr>          <tr>             <td>জাভা</td>             <td>১৯৯৫</td>          </tr>          <tr>             <td>প্যাসক্যাল</td>             <td>১৯৭০</td>          </tr>       </table>    </body> </html>

আউটপুট

HTML-এ টেবিলের প্রস্থ (Width) সেট করা


  1. HTML-এ টেবিল বর্ডার তৈরি করা

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

  3. HTML-এ একটি এলিমেন্টের প্রস্থ কীভাবে সেট করবেন?

  4. HTML DOM Style width প্রোপার্টি