برچسب <colgroup> HTML

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

<colgroup> برچسب برای تعیین قالب گروه‌های شامل یک یا چند ستون در جدول استفاده می‌شود.

برای اعمال استایل به تمام ستون‌ها،<colgroup> برچسب بسیار مفید است، به این ترتیب نیازی به اعمال مجدد استایل به هر یک از سلول‌ها و ردیف‌ها نیست.

توجه:<colgroup> برچسب باید <table> زیرعناصر هر <caption> پس از عنصر و هر <thead>و<tbody>و<tfoot> و <tr> قبل از عنصر.

توجه:برای تعریف <colgroup> برای تعریف ویژگی‌های مختلف برای یکی از ستون‌ها در <colgroup> در برچسب‌ها استفاده شود <col> برچسب.

لطفاً به:

دستورالعمل HTML:<col> برچسب

دستورالعمل HTML DOM:موضوع ColumnGroup

مثال

استفاده از <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 عدد تعیین تعداد ستون‌هایی که گروه ستون باید از آن‌ها پشت سر هم باشد.

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

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

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

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

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

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

{colgroup
  display: table-column-group;
}

آزمایش کنید

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

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