HTML – وسم colgroup

مثال

<table width="100%" border="1">
<colgroup span="2" style="background-color:#FF0000;"></colgroup>
<colgroup style="background-color:#0000FF;"></colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>

المتصفحات الداعمة

متوافق مع متصفح سفاري متوافق مع متصفح اوبرا متوافق مع متصفح انترنت اكسبلورر متوافق مع متصفح فايرفوكس متوافق مع متصفح جوجل كروم

ان وسم<colgroup>  متوافق مع جميع المتصفحات الرئيسية

التعريف والاستخدام

يستخدم الوسم <colgroup> لإنشاء تنسيقات بين أعمدة الجدول .  يعتبر الوسم <colgroup> مهم جداً لتطبيق التصميمات لأعمدة الجدول عوضاً عن تكرار التصميم لكل خلية أو لكل سطر .

يستخدم الوسم <colgroup> داخل وسم الجدول <table> .

ملاحظات و تعليمات

يجب استخدام لغة التصميم CSS لتطبيق تصميمات معينة الى وسم <colgroup> لعمود أو أكثر في الجدول من حيث لون الخلفية و العرض و الحدود .

يمكنك أيضاً مشاهدة شرح وسم <col> .

الاختلاف بين HTML و XHTML

لايوجد


اللواحق الاختيارية

تشير DTD الى اللواحق المسموح استخدامها في لغة HTML 4.01/XHTML 1.0 DTD .
S=Strict, T=Transitional, and F=Frameset

اللاحقة القيمة الشرح DTD
align leftright

center

justify

char

يحدد المحاذاة لمحتوى الأعمدة المصنّفة STF
char character يحدد المحاذاة لمحتوى الأعمدة المصنّفق حسب الحرف STF
charoff number ضبط عدد الأحرف في المحتوى الذي سيتم محاذاته من الحرف المحدد من قبل لاحقة char STF
span number تحديد عدد الأعمدة التي سيتم تصنيفها STF
valign topmiddle

bottom

baseline

المحاذاة العمودية لمحتوى الأعمدة المصنّفة STF
width pixels%

relative_length

ضبط عرض الأعمدة المصنّفة STF

اللواحق الأساسية

يدعم وسم <colgroup> عدداً من اللواحق التالية

اللاحقة الشرح
class تستخدم لتحديد اسم أو أكثر لتصنيف أو عنصر معين ( غالباً مايستخدم مع ملف التصميم css )
id تستخدم لتحديد id مخصص لعنصر معين
style تستخدم لتحديد تصميم CSS داخلي لعنصر معين .
title تحديد معلومات اضافية عن العنصر .
dir تحديد جهة النص لمحتوى العنصر .
lang تحدد اللغة لمحتوى العنصر .
xml:lang تحدد لغة محتوى العنصرلصفحة XHTML .

لمزيد من اللواحق يمكنك التوجه الى قائمة اللواحق الأساسية


لواحق الأحداث events

يدعم وسم <colgroup> عدداً من اللواحق التالية

اللاحقة القيمة الشرح
onblur script يستخدم السكربت عند عدم التركيز على العنصر .
onchange script يستخدم السكربت عند تغير العناصر .
onfocus script يستخدم السكربت عند حصول العنصر على التركيز
onreset script يستخدم السكربت عند ضبط النموذج .
onselect script يستخدم السكربت عند اختيار العناصر .
onsubmit script يستخدم السكربت عند الضغط على ارسال للنموذج .

لمزيد من الأحداث يمكنك التوجه الى قائمة الأحداث الأساسية