مرجع عناصر HTML : عنصر <col>
عنصر <col> در HTML یک یا چند ستون را در یک گروه ستون تعریف میکند که توسط عنصر والد خود <colgroup> نمایش داده میشود. عنصر <col> فقط به عنوان فرزند عنصر <colgroup> که هیچ ویژگی span برای آن تعریف نشده است، معتبر است.
این عنصر شامل ویژگیهای سراسری است.
span
تعداد ستونهای متوالی که عنصر پوشش میدهد را مشخص میکند. مقدار باید یک عدد صحیح مثبت بزرگتر از صفر باشد. در صورت عدم وجود، مقدار پیشفرض آن ۱ است.
ویژگیهای زیر منسوخ شدهاند و نباید استفاده شوند. آنها در زیر برای مرجع هنگام بهروزرسانی کد موجود و فقط برای علاقه تاریخی مستند شدهاند.
align
تراز افقی هر سلول ستون را مشخص میکند. مقادیر شمارشی ممکن عبارتند از چپ، وسط، راست، توجیه و char. در صورت پشتیبانی، مقدار char محتوای متنی را بر اساس کاراکتر تعریف شده در ویژگی char و بر اساس افست تعریف شده توسط ویژگی charoff تراز میکند. توجه داشته باشید که این ویژگی، تراز مشخص شده عنصر والد خود را لغو میکند. به جای آن، از ویژگی text-align CSS روی عناصر و استفاده کنید، زیرا این ویژگی منسوخ شده است.
تنظیم text-align روی عنصر هیچ تاثیری ندارد زیرا هیچ فرزندی ندارد و بنابراین هیچ عنصری از آن ارث نمیبرد.
اگر جدول از ویژگی colspan استفاده نمیکند، از انتخابگر CSS استفاده کنید. a را برابر با صفر و b را برابر با موقعیت ستون در جدول قرار دهید، مثلاً برای ترازبندی راستچین سلولهای ستون دوم.
اگر جدول از ویژگی colspan استفاده میکند، میتوان با ترکیب انتخابگرهای ویژگی CSS مناسب مانند به این نتیجه رسید، اگرچه این کار سادهای نیست.
bgcolor
رنگ پسزمینه هر سلول ستون را تعریف میکند. مقدار آن یک رنگ HTML است؛ یا یک کد RGB هگزادسیمال ۶ رقمی، که با # پیشوند میشود، یا یک کلمه کلیدی color. سایر مقادیر CSS پشتیبانی نمیشوند. به جای آن از ویژگی background-color CSS استفاده کنید، زیرا این ویژگی منسوخ شده است.
char
هیچ کاری نمیکند. در ابتدا قرار بود ترازبندی محتوا را با یک کاراکتر از هر سلول ستون مشخص کند. مقادیر معمول برای این شامل یک نقطه (.) هنگام تلاش برای ترازبندی اعداد یا مقادیر پولی است. اگر مقدار align روی char تنظیم نشده باشد، این ویژگی نادیده گرفته میشود، اگرچه همچنان char مشخص شده برای عنصر والد خود را لغو میکند.
charoff
هیچ کاری انجام نمیدهد. در ابتدا قرار بود تعداد کاراکترهایی را که محتوای سلول ستون را از کاراکتر ترازبندی مشخص شده توسط ویژگی char جابجا میکنند، مشخص کند.
valign
تراز عمودی هر سلول ستون را مشخص میکند. مقادیر شمارش شده ممکن عبارتند از baseline، bottom، middle و top. توجه داشته باشید که این ویژگی، تراز عمودی مشخص شده برای عنصر والد - عنصر درون عنصر که ویژگی span ندارد، استفاده میشود.
- عناصر از نظر ساختاری ستونها را با هم گروهبندی نمیکنند. این نقش عنصر است.
- فقط تعداد محدودی از ویژگیهای CSS بر <col> تأثیر میگذارند:
background: ویژگیهای مختلف پسزمینه، پسزمینه سلولهای درون ستون را تنظیم میکنند. از آنجایی که رنگ پسزمینه ستون در بالای گروههای جدول و ستونها () رنگآمیزی میشود، اما پشت رنگهای پسزمینه اعمال شده بر گروههای ردیف ( و )، ردیفها () و سلولهای منفرد ( و )، پسزمینههای اعمال شده بر ستونهای جدول فقط در صورتی قابل مشاهده هستند که هر لایهای که روی آنها رنگآمیزی میشود، پسزمینه شفاف داشته باشد.
border: ویژگیهای مختلف حاشیه اعمال میشوند، اما فقط در صورتی که دارای مجموعه باشد.
visibility: مقدار collapse برای یک ستون باعث میشود که تمام سلولهای آن ستون رندر نشوند و سلولهایی که به ستونهای دیگر میپیوندند، بریده شوند. فضایی که این ستونها اشغال میکردند حذف میشود. با این حال، اندازه ستونهای دیگر همچنان طوری محاسبه میشود که انگار سلولهای موجود در ستون(های) جمعشده وجود دارند. مقادیر دیگر برای قابلیت مشاهده هیچ تاثیری ندارند.
width: ویژگی width حداقل عرض را برای ستون تعریف میکند، گویی تنظیم شده است.
برای مشاهدهی یک مثال کامل از جدول که استانداردهای رایج و بهترین شیوهها را معرفی میکند، به مراجعه کنید.
این مثال یک جدول هشت ستونی را نشان میدهد که به سه عنصر تقسیم شده است.
یک عنصر ساختارهایی را برای یک جدول پایه فراهم میکند و یک گروه ستون ضمنی ایجاد میکند. سه عنصر درون قرار میگیرند و سه ستون قابل استایلبندی ایجاد میکنند. ویژگی span تعداد ستونهای جدول را که هر باید پوشش دهد، مشخص میکند (در صورت حذف، به طور پیشفرض ۱ است) و این امکان را فراهم میکند که ویژگیها در ستونهای هر به اشتراک گذاشته شوند.
ما به جای ویژگیهای منسوخشدهی HTML، از CSS برای تعیین رنگ پسزمینهی ستونها و ترازبندی محتوای سلول استفاده میکنیم:
| مشخصه | توضیحات |
|---|
| دسته بندی محتوا | هیچ کدام. |
| محتوای مجاز | هیچ؛ این یک عنصر پوچ است. |
| حذف برچسب | باید دارای تگ شروع باشد و نباید تگ پایان داشته باشد. |
| والدین مجاز | فقط <colgroup>، اگرچه میتوان آن را به طور ضمنی تعریف کرد زیرا تگ شروع آن اجباری نیست. <colgroup> نباید دارای ویژگی span باشد. |
| نقش ضمنی ARIA | بدون نقش متناظر |
| نقشهای مجاز ARIA | نقشی مجاز نیست |
| رابط DOM | HTMLTableColElement |
خود را لغو میکند. به جای آن، از ویژگی vertical-align CSS روی عناصر
و
استفاده کنید، زیرا این ویژگی منسوخ شده است.
تنظیم vertical-align روی عنصر
هیچ تاثیری ندارد زیرا
هیچ فرزندی ندارد و بنابراین هیچ عنصری از آن ارث نمیبرد.
اگر جدول از ویژگی colspan استفاده نمیکند، از انتخابگر CSS
استفاده کنید. a را برابر با صفر و b را برابر با موقعیت ستون در جدول قرار دهید، مثلاً
تا سلولهای ستون دوم به صورت عمودی در مرکز قرار گیرند.
اگر جدول از ویژگی colspan استفاده میکند، میتوان با ترکیب انتخابگرهای ویژگی CSS مناسب مانند
به این نتیجه رسید، اگرچه این کار سادهای نیست.
width
برای هر ستون یک عرض پیشفرض مشخص میکند. علاوه بر مقادیر استاندارد پیکسل و درصد، این ویژگی میتواند شکل ویژه 0* را به خود بگیرد، به این معنی که عرض هر ستون باید حداقل عرض لازم برای نگهداری محتوای ستون باشد. عرضهای نسبی مانند 5* نیز میتوانند استفاده شوند. توجه داشته باشید که این ویژگی، عرض مشخص شده عنصر والد
خود را لغو میکند. به جای آن از ویژگی width در CSS استفاده کنید، زیرا این ویژگی منسوخ شده است.
