ویژگی empty-cells CSS
تعریف و استفاده
ویژگی empty-cells مقدار نمایش سلول‌های خالی جدول را تنظیم می‌کند (تنها برای حالت border-collapse: separate استفاده می‌شود).
توضیحات:نسخه‌های خاصی از مرورگر IE از این ویژگی پشتیبانی نمی‌کنند.
توضیحات
این ویژگی تعیین می‌کند که سلول‌های جدول که شامل هیچ محتوایی نیستند چگونه نمایش داده شوند. اگر نمایش داده شود، حاشیه و پس‌زمینه سلول‌ها کشیده خواهد شد. مگر اینکه border-collapse به separate تنظیم شده باشد، در غیر این صورت این ویژگی نادیده گرفته خواهد شد.
لطفاً به:
آموزش CSS:جدول CSS
دستورالعمل HTML DOM:ویژگی emptyCells
مثال
پنهان کردن حاشیه و پس‌زمینه سلول‌های خالی جدول:
table
{
border-collapse:separate;
empty-cells:hide;
}
جمله‌بندی CSS
empty-cells: show|hide|initial|inherit;
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| hide | کشیدن حاشیه اطراف سلول‌های خالی وجود ندارد. |
| نمایش | کشیدن حاشیه اطراف سلول‌های خالی. پیش‌فرض. |
| erbیت‌پذیری | تعیین شده است که مقدار ویژگی empty-cells از عنصر پدر ارث ببرد. |
جزئیات فنی
| مقدار پیش‌فرض: | نمایش |
|---|---|
| erbیت‌پذیری: | بله |
| نسخه: | CSS2 |
| جمله‌بندی جاوااسکریپت: | object.style.emptyCells="hide" |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که از این ویژگی کامل پشتیبانی می‌کند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 8.0 | 1.0 | 1.2 | 4.0 |
توضیحات:اگر !DOCTYPE تعیین شده باشد، اینترنت اکسپلورر 8 (و نسخه‌های بالاتر) از ویژگی empty-cells پشتیبانی می‌کند.
