این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ colgroup در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ colgroup در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Colgroup در HTML
تگ colgroup تگی است که با استفاده از آن میتوان ستون های یک جدول را بصورت دسته جمعی ( گروهی ) انتخاب نمود.
و برای انتخاب هر چند تعداد از ستون های جدول ما باید از تگ <col> در درون تگ <colgroup> استفاده نماییم.
Free-Learn
مثال از تگ colgroup در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
|
1 2 3 4 5 6 7 8 9 10 |
<body> <table> <colgroup> <col span="3" style="background-color:yellow"> <col style="background-color:lightgreen;"> </colgroup> </table> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ colgroup در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ colgroup در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| span | number | مشخص میکند که چه تعداد از ستون های جدول باید انتخاب شوند |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ colgroup از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- تگ colgroup مثه یه ظرف برای نگهداری تگ col می باشد.
- تگ colgroup باید حتما درون تگ table باشه تا بتونه عمل کنه، و همچنین باید بلافاصله بعد از تگ caption ( در صورت استفاده ) و قبل از تگ های thead ، tbody ، tfoot قرار بگیرد.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ colgroup را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
colgroup { display: table-column-group; } |
