آموزش تگ col در HTML - راهنمای کار با ستون های جدول در html

تگ col ویژگی های ستون های موجود در درون را به صورت گروهی تعیین می کند. به عبارت دیگر در صورتی که می خواهید به جای تغییر استایل هر سلول یا ستون، ...

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

مثال: تعریف دو ستون با پس زمینه قرمز و یک ستون با پس زمینه زرد در جدول

<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>

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

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

مرورگر	کروم	فایرفاکس	اپرا	سافاری	اینترنت اکسپلورر / اج
پشتیبانی	بله	بله	بله	بله	بله

ویژگی ها

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