برای استفاده از همه امکانات سایت باید جاوا اسکریپت مرورگر خود را فعال کنید.

آموزش تگ 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
پهنا را مشخص می کند.


پشتیبانی از ویژگی ها و رویدادهای عمومی

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


دستورات CSS پیش فرض

معمولا مرورگرها تگ col را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.

col {
  display: table-column;
}

 

موضوع: آموزش HTML
کلمات کلیدی: ، ، ، ، ، ، ، ، ، ، ،
اشتراک گذاری:          
لینک کوتاه:

نظرات نظرات تا اطلاع ثانوی غیر فعال است.