مثال
تعيين لون الخلفية من الأعمدة الثلاثة مع <colgroup> و <col> علامات:
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</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> يجب أن تكون العلامة الطفل من <table> عنصر، بعد أي <caption> العناصر وقبل أي <thead>, <tbody>, <tfoot> ، و <tr> العناصر.
نصيحة: لتحديد خصائص مختلفة إلى عمود داخل <colgroup> ، استخدم <col> العلامة داخل <colgroup> العلامة.
دعم المتصفح
| العنصر | |||||
|---|---|---|---|---|---|
| <colgroup> | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
الخلافات بين HTML 4.01 و HTML5
معظم السمات في HTML 4.01 غير معتمدة في HTML5.
الصفات
| السمة | القيمة | وصف |
|---|---|---|
| align | left right center justify char | غير معتمدة في HTML5. محاذاة محتوى في مجموعة العمود |
| char | character | غير معتمدة في HTML5. محاذاة محتوى في مجموعة عمود إلى حرف |
| charoff | number | غير معتمدة في HTML5. يحدد عدد الأحرف سيتم محاذاة المحتوى من الحرف المحدد من قبل char السمة |
| span | number | يحدد عدد الأعمدة يجب أن مجموعة العمود تمتد |
| valign | top middle bottom baseline | غير معتمدة في HTML5. عمودي بمحاذاة المحتوى في مجموعة العمود |
| width | pixels % relative_length | غير معتمدة في HTML5. يحدد عرض مجموعة عمود |
السمات العامة
و <colgroup> كما يدعم بطاقة و السمات العامة في HTML .
سمات الحدث
و <colgroup> كما يدعم هذا الكود في حدث سمات في HTML .
صفحات ذات صلة
HTML DOM إشارة: ColumnGroup كائن
الإعدادات الافتراضية CSS
معظم المتصفحات عرض <colgroup> العنصر مع القيم الافتراضية التالية: