خاصية empty-cells
آخر تحديث: 2026-09-13
empty-cells خاصية empty-cells
تتحكم الخاصية empty-cells فيما إذا كانت الخلايا الفارغة (الخلايا التي لا تحتوي على محتوى أو تحتوي فقط على مسافات بيضاء) تعرض حدودها وخلفيتها. القيمة الافتراضية show تعرضها بشكل طبيعي؛ أما hide فتخفيها للحصول على مظهر أنظف. لا تنطبق هذه الخاصية إلا على الجداول التي تحتوي على border-collapse: separate.
| الفئة | |
|---|---|
| القيمة الأولية | show |
| موروث | نعم |
| ينطبق على | |
| نوع الحركة | |
| إصدار CSS | CSS2 |
| الحالة | قياسي |
📝 التركيب
empty-cells: show | hide;⚙️ القيم
| القيمة | النوع | الوصف |
|---|---|---|
show | hide | كلمة مفتاحية | حدود الخلايا الفارغة |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفحات
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| empty-cells | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
تلميح： تتطلب الخاصية empty-cells وجود border-collapse: separate؛ ولا يكون لها أي تأثير مع border-collapse: collapse.
❓ الأسئلة الشائعة
Qكيف يؤثر show و hide على مظهر الجدول؟
Ashow (الافتراضي): تحافظ الخلايا الفارغة على حدودها وخلفيتها، لذا تظل الشبكة مكتملة ومتصلة. hide: تختفي حدود وخلفية الخلايا الفارغة، مما يُنشئ «ثقوبًا» بصرية تبدو أنظف وتناسب البيانات المتناثرة. لاحظ أن hide يزيل الحدود والخلفية فقط — فالخلية نفسها وعرضها لا يزالان يشغلان مساحة، لذا لا يتأثر التخطيط.
Qلماذا لا يؤدي empty-cells: hide إلى أي تأثير؟
Aتحقق مما إذا كان border-collapse مضبوطًا على separate. تعمل الخاصية empty-cells فقط مع border-collapse: separate (الافتراضي)؛ أما إذا عيَّن الجدول border-collapse: collapse، فتُتجاهل الخاصية. هذه هي السبب الأكثر شيوعًا للفشل — بدِّل إلى separate فيعمل.
Qما مدى دعم المتصفحات لـ empty-cells؟
Aالدعم ممتاز — كل المتصفحات الرئيسية، بما فيها IE، تدعمها؛ فهي خاصية من CSS 2.1. التحذير الوحيد هو أنها تحتاج إلى border-collapse: separate. تحقق من حالة border-collapse في الجدول ولا حاجة لأي بادئة.
Qكيف أعرف ما إذا كانت الخلية «فارغة»؟
Aالخلية الفارغة لا تحتوي على محتوى أو تحتوي فقط على مسافات بيضاء (مسافات، فواصل أسطر). لاحظ أن (مسافة غير قابلة للكسر) تُحسب كمحتوى، لذا لا يُطبَّق empty-cells: hide؛ وكذلك الخلية التي تحتوي على عنصر فرعي (حتى div فارغة) ليست فارغة. لإخفاء هذه الخلايا «شبه الفارغة» قسرًا، نظِّف المسافات البيضاء بداخلها أولًا.
🏷️ خصائص ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
