<colgroup>: عنصر COLGROUP
آخر تحديث: 2026-10-13
<colgroup>عنصر COLGROUP
حاوية تجمع أعمدة الجدول، تغلف عناصر col لتعريف أنماط الأعمدة دفعة واحدة.
| الفئة | الجداول |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </colgroup> وسم |
| الحالة | قياسي |
📝 البنية
<colgroup>
<col>
</colgroup>⚙️ السمات
يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:
| السمة | القيمة | الوصف |
|---|---|---|
span | Columns covered when no col children are present. |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <colgroup> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： عند وجود أطفال col، يُتجاهل span الخاص بـ colgroup؛ ضعه بعد caption وقبل thead.
❓ الأسئلة الشائعة
Qهل colgroup إلزامي؟
Aليس إلزاميًا — يجوز وضع
<col> مباشرة تحت table، لكن المواصفة توصي بتغليفها بـ <colgroup> لبنية أوضح وتوافق أفضل مع المدققات. وعند تنسيق مجموعات أعمدة (خلفية للأعمدة الأولى وأخرى للبقية) فcolgroup هو الطريق الوحيد السليم.Qفي أي موضع يكتب colgroup داخل table؟
Aمباشرة بعد
<caption> وقبل أي محتوى صفوف (thead/tbody/tr)، موضع ثابت: <table><caption>…</caption><colgroup>…</colgroup><thead>…</thead></table>. الخطأ في الترتيب يصححه المحلل أو يثير تنبيه تحقق.Qأيهما أولى: عرض colgroup أم عرض th؟
Aقد تتعارض الإعدادات على مستوى العمود (width في col/colgroup) مع إعدادات الخلية، وقاعدة المتصفح: عرض col المضبوط يقدَّم على العمود كله، وقد تنفجر الخلية إذا زاد محتواها عنه. عمليًا عرّف عرض الأعمدة في مكان واحد (colgroup عادة) وتجنب الخلط.
🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
