এইচটিএমএল সিএসএস জাভাস্ক্রিপ্ট পিএইচপি এসকিউএল জেকুয়েরি বুটস্ট্রাপ সি প্রোগ্রামিং
ফোরাম
 

এইচটিএমএল <col> ট্যাগ


<col> ট্যাগের ব্রাউজার সাপোর্ট



এলিমেন্ট Google Chrome Edge/IE Mozila Firefox Safari Opera
<col> সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন




সংজ্ঞা ও ব্যবহার

<col> ট্যাগ <colgroup> এলিমেন্টের মধ্যের প্রতিটি কলামের জন্য কলাম প্রোপার্টি উল্লেখ করে।

প্রতিটি কলাম ও সারির জন্য স্টাইল রিপিট করার চেয়ে, <col> এলিমেন্ট ব্যবহার করে সম্পূর্ন কলাম এবং সারির জন্য স্টাইল প্রয়োগ করা বেশি উপকারী।



<colgroup> এবং <col> ট্যাগ ব্যবহার করে কিভাবে খুব সহজে কলামের ব্যাকগ্রাউন্ড কালার সেট করা যায় তা নিচের উদাহরণে দেখানো হলোঃ

উদাহরণ

<!DOCTYPE html>
<html>
<head>
  <style>
  table, th, td {
  border: 1px solid black;
  }
  </style>
</head>
<body>

  <table>
    <colgroup>
      <col span="2" style="background-color:teal">
      <col style="background-color:yellow">
    </colgroup>
    <tr>
      <th>নাম</th>
      <th>আয়</th>
      <th>সঞ্চয়</th>
    </tr>
    <tr>
      <td>ভিভিয়ান ঘোষ</td>
      <td>২৫০০০</td>
      <td>৫০০০</td>
    </tr>
    <tr>
      <td>আতাউর রহমান</td>
      <td>২০০০০</td>
      <td>৪০০০</td>
    </tr>
    <tr>
      <td>নিজাম উদ্দীন</td>
      <td>৩০০০০</td>
      <td>৬০০০</td>
    </tr>
  </table>

</body>
</html>

ফলাফল





এট্রিবিউট

নিচের টেবিলে <col> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ

এট্রিবিউট ভ্যালু বর্ণনা
align left
right
center
justify
char
এইচটিএমএল(৫)-এ সাপোর্ট করে না।
<col> এলিমেন্টের সাথে সম্পর্কিত কন্টেন্টের এলাইনমেন্ট নির্দিষ্ট করার জন্য ব্যবহৃত হয়।
char character এইচটিএমএল(৫)-এ সাপোর্ট করে না।
একটি ক্যারেক্টারে <col>এলিমেন্টের সাথে সম্পর্কিত কন্টেন্টের এলাইনমেন্ট নির্দিষ্ট করার জন্য ব্যবহৃত হয়।
charoff number এইচটিএমএল(৫)-এ সাপোর্ট করে না।
span number <col> এলিমেন্টটি কতোটি span জুড়ে হবে তা নির্দিষ্ট করার জন্য ব্যবহার করা হয়।
valign top
middle
bottom
baseline
এইচটিএমএল(৫)-এ সাপোর্ট করে না।<col> এলি্মেন্টের সাথে সম্পর্কিত কন্টেন্টের ভার্টিক্যাল এলাইনমেন্ট নির্দিষ্ট করার জন্য ব্যবহৃত হয়।
width %
pixels
relative_length
এইচটিএমএল(৫)-এ সাপোর্ট করে না।
<col> এলিমেন্টের width নির্দিষ্ট করার জন্য ব্যবহৃত হয়।


<col> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?

গ্লোবাল এট্রিবিউট ইভেন্ট এট্রিবিউট
সাপোর্ট করে সাপোর্ট করে


<col> ট্যাগের ডিফল্ট স্টাইল

অধিকাংশ ব্রাউজারেই <col> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ

col {
    display: table-column;
  }


সম্পর্কিত পেজ