Header Ads

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
alignleftright

center

justify

char
يحدد المحاذاة لمحتوى الأعمدة المصنّفةSTF
charcharacterيحدد المحاذاة لمحتوى الأعمدة المصنّفق حسب الحرفSTF
charoffnumberضبط عدد الأحرف في المحتوى الذي سيتم محاذاته من الحرف المحدد من قبل لاحقة charSTF
spannumberتحديد عدد الأعمدة التي سيتم تصنيفهاSTF
valigntopmiddle

bottom

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

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





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


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



































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

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




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


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






































اللاحقةالقيمةالشرح
onblurscriptيستخدم السكربت عند عدم التركيز على العنصر .
onchangescriptيستخدم السكربت عند تغير العناصر .
onfocusscriptيستخدم السكربت عند حصول العنصر على التركيز
onresetscriptيستخدم السكربت عند ضبط النموذج .
onselectscriptيستخدم السكربت عند اختيار العناصر .
onsubmitscriptيستخدم السكربت عند الضغط على ارسال للنموذج .

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



ليست هناك تعليقات:

يتم التشغيل بواسطة Blogger.