معرفی و کاربرد تگ colgroup در HTML قالب ستون جدول

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

تگ <colgroup> در اچ تی ام ال

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

نکته مهم

تگ <colgroup> باید به عنوان یک فرزند برای تگ <table> باشد.

تگ <colgroup> بعد از تگ <caption> وقبل از تگ های <thead> ،<tbody> ،<tfoot> و <tr> قرار می گیرد.

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

تگ <colgroup> مانند بسیاری از تگ های اچ تی ام ال دارای یک تگ باز ( opening tag ) و یک تگ بسته ( closing tag ) می باشد.

تفاوت بین HTML 4.01 و HTML5 در تگ <colgroup>

در مورد تگ <colgroup> بیشتر ویژگی های خصوصی موجود در HTML4.01 در HTML5 پشتیبانی نمی شود.

ویژگی های خصوصی تگ <colgroup> در اچ تی ام ال

خصوصیت مقدار توضیحات
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> در اچ تی ام ال

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

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

معرفی و کاربرد تگ colgroup در HTML قالب ستون جدول – اختصاصی سایت آموزی