الخاصية empty-cells

الخاصية empty-cells في CSS تُحدِّد كيف يجب أن يعرض المتصفح خلفية وإطار خلايا الجداول <table> التي ليس فيها محتوى ظاهر. لن يكون لهذه الخاصية أثرٌ إلا إذا كانت الخاصية border-collapse مضبوطةً إلى separate.

بطاقة الخاصية

القيمة الابتدائية	show
تُطبَّق على	خلايا الجداول.
قابلة للوراثة	نعم
قابلة للحركة	لا
القيمة المحسوبة	كما حُدِّدَت.

/* كلمات محجوزة */ 
empty-cells: show;
empty-cells: hide;

/* القيم العامة */
empty-cells: inherit;
empty-cells: initial;
empty-cells: unset;

أمثلة

سنستخدم في المثال الآتي جدولين <table> فيهما خلايا ليس فيها محتوى، واستعملنا القيمة show (وهي القيمة الافتراضية) على أوّل جدول، والقيمة hide على الجدول الثاني:

<table class="show">
  <tr>
    <td></td>
    <td>2</td>
    <td></td>
  </tr>
  <tr>
    <td>4</td>
    <td></td>
    <td>6</td>
  </tr>
  <tr>
    <td></td>
    <td>8</td>
    <td></td>
  </tr>
</table>

<table class="hide">
  <tr>
    <td></td>
    <td>2</td>
    <td></td>
  </tr>
  <tr>
    <td>4</td>
    <td></td>
    <td>6</td>
  </tr>
  <tr>
    <td></td>
    <td>8</td>
    <td></td>
  </tr>
</table>

شيفرة CSS:

.show { empty-cells: show; }

.hide { empty-cells: hide; }

td {
  border: 1px solid gray;
  background-color: #f8f9fa;
  padding: 0.5rem;
}

دعم المتصفحات

الميزة	Chrome	Firefox	Internet Explorer	Opera	Safari
الدعم الأساسي	1.0	1.0	8.0	4.0	1.2

البنية العامة

الخاصية empty-cells تقبل إحدى الكلمتين المحجوزتين التاليتين.

show

سيُعرَض الإطار والخلفية في الخلايا الفارغة كما في غيرها.

hide

لن يُعرَض الإطار والخلفية في الخلايا الفارغة.

البنية الرسمية

empty-cells: show | hide;

مصادر ومواصفات

• مواصفة ‎CSS Level 2 (Revision 1)‎.