English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل CSS

قواعد CSS (RULES)

دليل كامل لخصائص CSS

استخدام خاصية CSS empty-cells و مثال

تظهر خاصية empty-cells CSS أو تخفي حاجز الخلايا الفارغة والخلفية التي لا تحتوي على محتوى مرئي. يتم اعتبار الفراغ غير المرئي (غير المرئي) محتوى مرئيًا.

جدول التالي يوضح كيفية استخدام هذه الخاصية و سجله التاريخي بالإضافة إلى كيفية استخدامها في سكربتات جافا سكربت.

القيمة الافتراضية:show
للعناصر:عنصر خلية الجدول
التوريث:نعم
يمكن تفعيلها كحركة:لاانظر إلى خصائص الرسوم المتحركة
الإصدار:CSS 2、3
جافا سكربت object.style.emptyCells="hide"

نصنع استخدام الخلايا الفارغة

نصنع هذه الخاصية بالشكل التالي:

empty-cells: show | hide | initial | inherit

المثال التالي يوضح كيفية استخدام خاصية empty-cells.

  table {
   empty-cells: show;
  }
جرب لمعرفة‹/›

قيمة الخاصية

جدول التالي يصف قيم هذه الخاصية.

القيمةالوصف
showرسم حاجز و خلفية حول الخلايا الفارغة مثل الخلايا العادية. هذا هو القيمة الافتراضية.
hideلا يوجد حاجز أو خلفية حول خلايا الخلايا الفارغة.
initialضع هذه الخاصية في قيمتها الافتراضية.
inheritإذا تم تحديد هذا، فإن العناصر المرتبطة تستخدم نفس قيمة empty-cells للعنصر الأم.

التوافق مع المتصفحات

مستوى التطابق للمتصفحات الخاصة بخصائص empty-cells، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح الذي يدعم هذه الخاصية. يدعم جميع المتصفحات الشائعة هذه الخاصية.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1.2+

  • Opera 4+

تحذير: لا يدعم متصفح Internet Explorer 7 وأحدث إصداراته الخاصية empty-cells. يدعم IE8 هذه الخاصية، لكنها تحتاج إلى<!DOCTYPE>

قراءة إضافية

انظر إلى الدروس:CSS Tables

خصائص مرتبطة:table-layout،border-collapse،border-spacing