bundles
  آیا می دانید تا کنون 7718 نفر در 16 دوره آموزشی سون لرن ثبت نام کرده اند !

نکاتی کاربردی در مورد CSS (جلسه 8) : ویژگی empty-cells و مقدار oblique

0 173 ۲۸ آذر ۹۵

در این مطلب با ادامه نکاتی کاربردی در مورد CSS در خدمتتون هستیم.
css-style

یک ویژگی بنام empty-cells هم وجود داره!

پشتیبانی مرورگرها از ویژگی empty-cells خیلی خیلی خوب هست و حتی در مرورگر Internet Explorer 8 هم از این ویژگی جالب پشتیبانی میشه. همونطور که شما حدس زدید، این ویژگی برای Table یا جدول ها مورد استفاده قرار میگیره. اگر مقدار این ویژگی رو برابر با hide قرار بدیم، به مرورگر میگه که اون سلولهایی از جدول که خالی هستند و هیچ ویژگی درونشون قرار نداره رو مخفی کن و نمایش نده. دموی زیر رو مشاهده کنید:

همونطور که مشاهده کردید یک جدول قرار داده شده و در حالت اول برای این جدول ویژگی empty-cells برابر با hide قرار گرفته و بهمین دلیل اون 2 سلولی که خالی هستن، مخفی هستن. با کلیک بر روی دکمه Toggle Empty-Cells، با استفاده از Javascript، مقدار این ویژگی برابر با show قرار میگیره و اون سلولهایی که خالی هستن، نمایش داده میشن. در مثال بالا برای اینکه مشخص باشه که سلولها رو مخفی کردیم، یک border برای اونا قرار دادیم و بین سلولها هم فاصله یا Spacing قرار دادیم.

ویژگی font-style مقدار oblique رو نیز قبول میکنه

بیشتر مواقعی که استفاده از font-style رو درون css میبینیم، مقادیری مثل normal یا italic برای اون قرار گرفته. اما علاوه بر این مقادیر، شما میتونین از مقدار oblique یا مورب نیز برای font-style استفاده کنید. دموی زیر رو در نظر بگیرید:

اما دقیقا معنای این مقدار چی هست و چرا تقریبا شبیه به مقدار Italic عمل میکنه؟

همونطور که درون مشخصات بیان شده:

مقدار Oblique، فونتهایی که بعنوان Oblique Face لیبل گذاری یا مشخص شدن رو انتخاب میکنه و برای اونا اعمال میشه.

توضیحاتی که برای مقدار Italic هم اومده شبیه به توضیحات بالا هست. کلمه Oblique یک واژه مربوط به تایپوگرافی هست و به معنای متنی هست که مورب و کج شده هست. اما این مورب و کج بودن دقیقا مثل Italic نیست و با اون فرق داره.

پس نتیجه ای که از توضیحات بالا میشه برداشت کرد اینه که مقدار oblique همون کار Italic رو انجام میده، مگر در زمانهایی که فونت مورد نظر استایل متفاوتی برای Oblique داشته باشه و درون اون تعریف کرده باشن.

نتیجه دیگه هم که میشه گرفت اینه که اگر برای فونت مورد نظر حالت خاص و مناسبی برای Italic تعریف نشده باشه، زمانی که ویژگی font-style: italic رو قرار میدین، فونت مورد نظر بصورت font-style: oblique نمایش داده میشه.

در جلسات بعدی با ادامه نکات در خدمتتون هستیم.

امیدوارم از این جلسه خوشتون اومده باشه.

موفق و پیروز باشید.

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :
7LearnTelegram