آموزش طراحی وب

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

گاهی اوقات جدولی رو طراحی می کنیم که بعضی از سلول های جدول خالیه و محتوایی داخل سلول ها نیست. در صورتی که به جدول استایل داده باشیم تمامی سلول ها این استایل رو میگیرن، حتی سلولی که محتوایی نداره…

table cell

فصل چهارم : Properties در CSS

جلسه سی و یکم : خصوصیت empty-cells در CSS

سلام به همراهان همیشگی مدرسه مجازی ایرانیان

در این مقاله در رابطه با empty-cells صحبت می کنیم و نحوه ی استفاده از این خصوصیت رو خدمتتون آموزش میدم.

 

خصوصیت empty-cells

گاهی اوقات جدولی رو طراحی می کنیم که بعضی از سلول های جدول خالیه و محتوایی داخل سلول ها نیست. در صورتی که به جدول استایل داده باشیم تمامی سلول ها این استایل رو میگیرن، حتی سلولی که محتوایی نداره.

شما می تونید با استفاده از خصوصیت empty-cells استایل border و background سلول خالی رو حذف کنید تا کاملا خالی و بدون استایل به کاربر نمایش داده بشه.

table

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

 

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

این خصوصیت علاوه بر مقادیر initial و inherit دو مقدار دیگه هم داره.

Show : زمانی که این مقدار رو لحاظ کنید ، استایل های سلول های خالی حذف نشده و ثابت نمایش داده میشهو

Hide : زمانی که از این مقدار استفاده کنید ، border و background سلول خالی و بدون محتوا حذف شده و نمایش داده نمیشه.

 

تمامی مرورگرها و مرورگر IE8 به بالا در حال حاضر از این خصوصیت پشتیبانی می کنند.

امیدوارم که این مطلب آموزشی براتون مفید بوده باشه.

موفق و پاینده باشید 🙂

تهیه شده در مدرسه مجازی ایرانیان

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

دیدگاه ۶

  • با سلام ضمن خسته نباشید به شما خانوم مهندس و اقای همت یار
    یه زحمت داشتم!
    اگر امکانش هست در ماهنامه ی بعدی یا در سایت
    آموزش بوت استرپ۵ و لاراول رو آموزش بدید 🙂 ممنون

    • سلام دوست عزیز
      مطالب این ماهنامه که بسته شد و در حال دیزاینش هستیم. انشالهه ماهنامه بعد.

  • اینترنت اکسپلورر کاری کرده که هرجا مبحث کدنویسی و برنامه نویسی هست یه چند خطی هم درباره IE نوشته بشه
    ممنون

  • من فکر میکنم به خاصیت border-collapse:separate نیازی نباشه چون به صورت پیش فرض برای جداول این خاصیت اعمال میشه تا border ها نشون داده بشن.من بدون این خاصیت امتحان کردم و مشکلی نبود.

  • سلام آقای همت یار،خسته نباشید،واقعا آموزش های خیلی محشری دارین،یه درخواست دارم،اگه میشه آموزش ساخت منو آبشاری عمودی و افقی رو با استفاده از CSS آموزش بدین.

    • سلام دوست عزیز
      آموزش ساخت منو رو در ماهنامه ششم منتشر کردم میتونید استفاده کنید.
      موفق باشید

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین