<col>: عنصر COL

آخر تحديث: 2026-10-13

<col>عنصر COL

يعرّف عمود جدول، عادة داخل colgroup، لتنسيق العمود كله دفعة واحدة أو مدّه.

الفئةالجداول
نموذج المحتوىمحتوى تدفقي
العناصر الأم المسموحةأي عنصر يقبل المحتوى التدفقي
وسم الإغلاقذاتي الإغلاق — لا حاجة لوسم إغلاق
الحالةقياسي

📝 البنية

<col span="2">

⚙️ السمات

يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:

السمةالقيمةالوصف
spanNumber of columns this definition covers (default 1).

▶ مثال

عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:

🌐 دعم المتصفح

المتصفح ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<col> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
مدعوم في جميع المتصفحات الرئيسية
نصيحة: col عنصر فارغ (بدون وسم إغلاق)؛ أنماط الأعمدة مثل width توضع على col وليس td.

❓ الأسئلة الشائعة

Qكيف ينسي col العمود كله؟
A<col> لا يُعرض بذاته، بل يصرّح بسمة span (الافتراضي 1) بأنه «يمثل العمود N»، ويستخدم مع <colgroup>. الأنماط الممكنة محدودة: width وbackground وborder (يشترط على table ضبط border-collapse: collapse) وvisibility.
Qلماذا لا يستطيع col تغيير لون الخط؟
Aلأن <col> ليس أبًا للخلايا بل «ممثل تجريدي للعمود»، فالخصائص القابلة للتوريث (لون الخط) لا تنتقل عبره إلى td. لتلوين نص عمود كامل استخدم المحدد td:nth-child(n) — فـ col يعالج أنماط «صندوق العمود» كالخلفية والعرض فقط.
Qكيف تستخدم سمة span في col؟
A<col span='3'> تعني أن عنصر col واحد يمثل ثلاثة أعمدة متتالية، وتستخدم عادة لضبط عرض عدة أعمدة سريعًا: <colgroup><col style='width:40%'><col span='3' style='width:20%'></colgroup>، ويجب أن يساوي مجموع الأعمدة عدد أعمدة الجدول الفعلي.
المزيد من الحالات قادمة قريبًا — ترقبوا.

📚 دروس ذات صلة

Web-Tutorial.com

فريق Web-Tutorial التقني

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

100%