كيف تستخدم خاصية "العرض" لتمثيل جدول؟
يمنحك الجدول أدناه العلاقة بين علامة " table " وخاصية CSS المدعومة المقابلة لتمثيل نفس العنصر. لذلك ، عند إنشاء جدول ، كل ما عليك فعله ، بدلاً من علامة HTML " table " ، مجرد استخدام علامة " div " وإضافة CSS المقابل لعرض الجدول.
<جدول> | {جدول العرض} |
<tr> | {display: table-row} |
<رأس> | {display: table-header-group} |
<tbody> | {display: table-row-group} |
<tfoot> | {display: table-footer-group} |
<col> | {عرض: جدول العمود} |
<colgroup> | {عرض: جدول-عمود-مجموعة} |
<td> ، <th> | {عرض: خلية جدول} |
<caption> | {display: table-caption} |
الخطوة 1: إنشاء قسم رئيسي للجدول
لغة البرمجة
CSS
الخطوة 3: إنشاء تسمية توضيحية للجدول ، رأس ، نص ، تذييل
لغة البرمجة
CSS
Step3: إنشاء صفوف الجدول ، الخلية ، الخلية الرأسية ، الخلية القدم
لغة البرمجة
CSS
نتيجة
الخطوة 4: إضافة شريط التمرير إلى الجدول
لغة البرمجة
CSS
شبيبة