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

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

دسته بندی موضوعات
سفارش تبلیغات

خصوصیت 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 به بالا در حال حاضر از این خصوصیت پشتیبانی می کنند.

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

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

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

<<

>>

اگر این آموزش برای شما مفید بود با دوستان خود به اشتراک بگذارید



سفارش تبلیغات

گردآوری و تالیف : میترا رحیمی

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مدرس و مسلط به برنامه نویسی سمت سرور با PHP MVC و برنامه نویسی سمت کلاینت با html 5 , css3 , jquery , مبانی سئو و سیستم مدیریت محتوای وردپرس

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

لطفا تنها دیدگاه خود را در رابطه با این مطلب ارسال نمایید، سوالات را از طریق سامانه پرسش و پاسخ مطرح نمایید. سوالات در دیدگاه ها تایید نخواهد شد.

  • saber

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

    • میترا رحیمی

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

  • Mj

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

  • hassany

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

  • masoud

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

    • میترا رحیمی

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

وبلاگ مدرسه

مختصری درباره ما
مدرسه مجازی ایرانیان در زمینه آموزش علوم و فنون طراحی و برنامه نویسی صفحات وب اعم از آموزش زبان های برنامه نویسی و کدنویسی و همچنین آموزش طراحی گرافیک توسط نرم افزارهای گرافیکی پیکسلی و برداری فعالیت دارد .
ورود به وبلاگ

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

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

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟