آموزش تگ col در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ col در HTML با من همراه باشید.

آموزش تگ col در HTML

Free-Learn

تگ Col در HTML

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

Free-Learn

مثال از تگ col در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

امتحان کنید

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ col در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

جدول صفات تگ col در HTML

در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.

(علامتیعنی در HTML5 پشتیبانی نمی شود.)

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

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

تگ col از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

Free-Learn

نکات و توضیحات

در HTML تگ Col یک تگ تنها است یعنی تگ پایانی برای بستن ندارد ولی در XHTML این تگ دارای تگ پایانی است و باید بسته شود.

Free-Learn

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

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


Free-Learn