الخاصية empty-cells
< CSS
اذهب إلى التنقل
اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
الخاصية 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;
انظر أيضًا
- صفحة الخاصية
border-collapse
التي تُحدِّد إذا كان إطار الجدول منفصلًا عن إطار الخلايا أو كان مدمجًا مع إطار الخلايا.
مصادر ومواصفات
- مواصفة CSS Level 2 (Revision 1).