HTML colgroup Tag

HTML colgroup Tag – يحدد الوسم <colgroup> مجموعة من عمود واحد أو أكثر داخل جدول للتنسيق.

HTML colgroup Tag

يعد الوسم <colgroup> طريقة مفيدة وسريعة لتطبيق الأنماط styles على الأعمدة columns بأكملها، بدلاً من تكرار الأنماط لكل خلية cell، لكل صف row.

يجب أن يكون وسم <colgroup> تابع لعنصر <table> ، بعد أي عناصر <caption> وقبل أي عناصر <thead> و <tbody> و <tfoot> و <tr>.

مثال

<table>
    <colgroup>
        <col style="background-color:rgba(30, 212, 51, 0.524);">
        <col span="2" style="background-color:rgba(255, 0, 0, 0.347);">
    </colgroup>
    <tr>
        <th>Username</th>
        <th>Age</th>
        <th>Gender</th>
    </tr>
    <tr>
        <td>Mohamed</td>
        <td>20</td>
        <td>Male</td>
    </tr>
    <tr>
        <td>Mona</td>
        <td>39</td>
        <td>Female</td>
    </tr>
    <tr>
        <td>Hamed</td>
        <td>40</td>
        <td>Male</td>
    </tr>
</table>

السمات المحددة – Specific Attributes

يدعم الوسم <colgroup> هذه السمات:

السمات العامة – Global Attributes

الوسم <colgroup> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.

سمات الحدث – Event Attributes

يدعم وسم <colgroup> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدث – Event Attributes.

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

مدعوم	مدعوم	مدعوم	مدعوم	مدعوم