برچسب <col> HTML

تعریف و استفاده

<col> تگ ویژگی‌های یک یا چند ستون در یک جدول را تعریف می‌کند.

برای اعمال استایل به تمام ستون‌ها،<col> تگ‌ها بسیار مفید هستند، به این ترتیب نیازی به اعمال مجدد استایل به هر واحد و هر سطر نیست.

توجه داشته باشید

اگر می‌خواهید در colgroup هنگامی که ویژگی‌های مختلف برای هر ستون تعیین می‌شود، از این عنصر استفاده کنید. اگر عنصر col وجود نداشته باشد، ستون‌ها ویژگی‌های تمامی colgroup را ارث می‌برند.

عنصر col یک عنصر خالی با ویژگی‌هاست. برای ایجاد یک ستون، باید td در داخل عنصر tr تعیین شود.

لطفاً به:

دستورالعمل HTML:تگ <colgroup>

دستورالعمل HTML DOM:آبجکت ستون

مثال

استفاده از تگ‌های <colgroup> و <col> برای تنظیم رنگ پس‌زمینه سه ستون:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>شماره کتاب</th>
    <th>عنوان</th>
    <th>قیمت</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>ورود به HTML</td>
    <td>$53</td>
  </tr>
</table>

آزمایش کنید

ویژگی

ویژگی مقدار توضیح
span عدد تعیین تعداد ستون‌هایی که عنصر <col> باید از آن‌ها عبور کند.

ویژگی‌های جهانی

<col> این برچسب‌ها نیز از ویژگی‌های رویداد پشتیبانی می‌کنند ویژگی‌های جهانی HTML.

ویژگی‌های رویداد

<col> این برچسب‌ها نیز از ویژگی‌های رویداد پشتیبانی می‌کنند ویژگی‌های رویداد در HTML.

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها از مقادیر پیش‌فرض زیر برای نمایش استفاده می‌کنند <col> عنصر:

col {
  display: table-column;
}

آزمایش کنید

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی