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