خصوصیت empty-cells در CSS

گاهی اوقات جدولی رو طراحی می کنیم که بعضی از سلول های جدول خالیه و محتوایی داخل سلول ها نیست. در صورتی که به جدول استایل داده باشیم تمامی سلول ها این استایل رو میگیرن، حتی سلولی که محتوایی نداره. شما می تونید با استفاده از خصوصیت empty-cells استایل border و background سلول خالی رو حذف کنید تا کاملا خالی و بدون استایل به کاربر نمایش داده بشه.

قاعده دستوری خصوصیت empty-cells

table {
border-collapse:separate;
    empty-cells: hide;
}

مقادیر خصوصیت empty-cells

این خصوصیت علاوه بر مقادیر initial و inherit دو مقدار دیگه هم داره. Show : زمانی که این مقدار رو لحاظ کنید ، استایل های سلول های خالی حذف نشده و ثابت نمایش داده میشود. Hide : زمانی که از این مقدار استفاده کنید ، border و background سلول خالی و بدون محتوا حذف شده و نمایش داده نمیشه.   تمامی مرورگرها و مرورگر IE8 به بالا در حال حاضر از این خصوصیت پشتیبانی می کنند.