مثال
<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 | يستخدم السكربت عند الضغط على ارسال للنموذج . |
لمزيد من الأحداث يمكنك التوجه الى قائمة الأحداث الأساسية
ليست هناك تعليقات:
إرسال تعليق