مثال (تگ colgroup در HTML)

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

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>

خودتان امتحان کنید »

تعریف و کاربرد تگ colgroup در HTML

تگ <colgroup> گروهی از یک یا چند ستون در یک جدول را جهت قالب بندی مشخص می کند.

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

نکته: تگ <colgroup> باید به عنوان یک فرزند برای تگ <table> باشد که بعد از عنصر <caption> وقبل از عناصر <thead> ،<tbody> ،<tfoot> و <tr> قرار می گیرد.

نکته: برای تعریف خواص مختلف به یک ستون در <colgroup> از عنصر <col> در داخل آن تگ استفاده کنید.

پشتیبانی مرورگرها از تگ colgroup در HTML

عنصر          
<colgroup> بله بله بله بله بله

تفاوت بین HTML 4.01 و HTML5

بیشتر ویژگی های موجود در HTML 4.01 در HTML5 پشتیبانی نمی شوذ.

خصوصیت ها

خصوصیت مقدار توضیحات
align left
right
center
justify
char		 در HTML5 پشتیبانی نمی شود.
 تراز کردن محتوا در گروه ستون ها
char character در HTML5 پشتیبانی نمی شود.
تراز کردن محتوا در گروه ستون ها با توجه به کاراکترها
charoff number در HTML5 پشتیبانی نمی شود.
مشخص کننده تراز تعداد کاراکترهای محتوا از کاراکترهای مشخص شده به وسیله ویژگی char
span number مشخص می کند گروه ستون ها به اندازه چند ستون باشد
valign top
middle
bottom
baseline		 در HTML5 پشتیبانی نمی شود.
مشخص کننده تراز عمودی محتوا نسبت به گروه ستون ها
width pixels
%
relative_length		 در HTML5 پشتیبانی نمی شود.
مشخص کننده پهنای گروه ستون ها

ویژگی های عمومی تگ colgroup در HTML

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

رویدادهای عمومی تگ colgroup در HTML

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

آموزش های مرتبط

مرجع اشیاء اچ تی ام ال: تگ colgroup در JavaScript