گاهی اوقات جدولی رو طراحی می کنیم که بعضی از سلول های جدول خالیه و محتوایی داخل سلول ها نیست. در صورتی که به جدول استایل داده باشیم تمامی سلول ها این استایل رو میگیرن، حتی سلولی که محتوایی نداره. شما می تونید با استفاده از خصوصیت empty-cells استایل border و background سلول خالی رو حذف کنید تا کاملا خالی و بدون استایل به کاربر نمایش داده بشه.
قاعده دستوری خصوصیت empty-cells
table { border-collapse:separate; empty-cells: hide; }
مقادیر خصوصیت empty-cells
این خصوصیت علاوه بر مقادیر initial و inherit دو مقدار دیگه هم داره. Show : زمانی که این مقدار رو لحاظ کنید ، استایل های سلول های خالی حذف نشده و ثابت نمایش داده میشود. Hide : زمانی که از این مقدار استفاده کنید ، border و background سلول خالی و بدون محتوا حذف شده و نمایش داده نمیشه. تمامی مرورگرها و مرورگر IE8 به بالا در حال حاضر از این خصوصیت پشتیبانی می کنند.
ثبت یک نظر
آدرس ایمیل شما منتشر نخواهد شد. فیلدهای الزامی مشخص شده اند *
ورود / ثبت نام با حساب گوگل