عنصر <colgroup>

استخدام <colgroup>:

يستخدم عنصر لإنشاء مجموعات من الأعمدة في جدول HTML. يمكن استخدام هذه المجموعات لتطبيق أنماط مختلفة على الأعمدة، مثل العرض أو المحاذاة أو الخلفية.

خصائص <colgroup>:

• span: يحدد عدد الأعمدة التي ينطبق عليها المجموعة.
• width: يحدد عرض الأعمدة في المجموعة. يمكن استخدام وحدات القياس النسبية (مثل النسبة المئوية) أو المطلقة (مثل البكسل).
• align: يحدد محاذاة النص داخل الأعمدة في المجموعة.
• valign: يحدد محاذاة النص داخل الصفوف في المجموعة.
• bgcolor: يحدد لون خلفية الأعمدة في المجموعة.

أمثلة مع <colgroup>:

لإنشاء مجموعة أعمدة بعرض 150 بكسل ومحاذاة نص يسار، استخدم:

<colgroup span="3" width="150" align="left"></colgroup>

مثال HTML:

لاستكشاف عنصر ، استخدم المثال التالي:

<table>
  <colgroup span="2" width="200"></colgroup>
  <colgroup span="1" width="100"></colgroup>
  <thead>
    <tr>
      <th>اسم</th>
      <th>العمر</th>
      <th>المدينة</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>جون</td>
      <td>30</td>
      <td>نيويورك</td>
    </tr>
    <tr>
      <td>ماري</td>
      <td>25</td>
      <td>باريس</td>
    </tr>
  </tbody>
</table>

في هذا المثال، تحتوي المجموعة الأولى على عمودين بعرض 200 بكسل، والمجموعة الثانية تحتوي على عمود واحد بعرض 100 بكسل.