خاصية Colspan في HTML | دمج خلايا الجدول في لغة HTML

تُستخدم خاصية [colspan] لدمج خلايا الجدول أفقياً في لغة HTML، حيث يتم تحديد عدد الخلايا التي سيتم دمجها والتي يجب أن تكون في نفس الصف.

وهذه الخاصية تأخذ قيمة ["colspan="value] لتحديد عدد الخلايا المدموجة.

قيمة خاصية [colspan]:

يكتب عدد صحيح من 1 إلى 1000 لتحديد عدد الأعمدة التي تشغلها الخلية.
القيمة الافتراضية عند عدم استخدام الخاصية [colspan] هي 1، مما يعني عدم وجود دمج للخلايا.
تُستخدم خاصية [colspan] مع عنصري <td> و <th> فقط.

Colspan Attribute

دمج خليتين معاً عن طريق الخاصية colspan ، لاحظ الصف الثاني [السطر الثاني] في المثال التالي.

HTML

<tr>
   <td>Mohamed</td>
   <td colspan="2">Adly</td>
   <td>33</td>
   <td>PHP</td>
</tr>

جرّب بنفسك

Colspan Attribute with Number Value

استخدام القيمة [3] داخل خاصية colspan لدمج ثلاثة خلايا معاً على نفس الصف.

HTML

<tr>
   <td>Mohamed</td>
   <td colspan="3">Adly</td>
   <td>PHP</td>
</tr>

جرّب بنفسك

Colspan Attribute in HTML خاصية Colspan في HTML

شرح صفوف ومحتوى الفقرة

Colspan Attribute

Colspan Attribute with Number Value

جميع فقرات هذا الدرس (دمج خلايا الجدول في لغة HTML)