این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ col در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ col در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Col در HTML
تگ col که از کلمه ( Column ) گرفته شده است، تگی است که درون تگ <colgroup> مورد استفاده قرار میگیرد و با استفاده از آن میتوان ستون های یک جدول را بصورت دسته جمعی ( گروهی ) انتخاب نمود.
یعنی مثلا این ۲ستون رو از فلان جدول انتخاب میکنیم، بعدش دیگه بفرض مثال من میخوام رنگ زمینه اون ۲ستون آبی باشه، دیگه اون رنگ آبی روی کل اون ۲ستون اعمال میشه.
Free-Learn
مثال از تگ col در 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
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ col در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ col در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| span | number | مشخص میکند که چه تعداد از ستون های جدول باید انتخاب شوند |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ col از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- در HTML تگ Col یک تگ تنهاست. ( یعنی تگ پایانی برای بستن ندارد )
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ col را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
col { display: table-column; } |
