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

نکاتی کاربردی در مورد CSS (جلسه 6) : نحوه خلاصه نویسی text-decoration

0 152 ۲۶ آذر ۹۵

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

میتونیم ویژگی text-decoration رو بصورت خلاصه، مقداردهی کنیم

اگر یادتون باشه درون یکی دیگه از سری های آموزشی، مطالب کاملی در مورد text-decoration قرار دادیم. در اینجا میتونین مطلب مورد نظر رو ببینید. همونطور که دیدید در اونجا هر کدوم از ویژگی های text-decoration-line و text-decoration-style و text-decoration-color رو بصورت جداگانه مقداردهی کردیم و قرار دادیم. در اینجا راهی رو به شما معرفی میکنیم که با استفاده از اون میتونین بصورت خلاصه نویسی شده این سه ویژگی رو همزمان تعریف کنید. قبلا این کار رو بصورت زیر انجام میدادیم:

همونطور که میدونید با استفاده از text-decoration-line میتونین موقعیت قرارگیری خط رو مشخص کنید و با استفاده از text-decoration-color میتونین رنگ خط مورد نظر رو مشخص کنید و با استفاده از ویژگی text-decoration-style هم میتونین استایل اون خط رو تعیین کنید. در بالا ما موقعیت رو بالای متن یا overline قرار دادیم و رنگ اون رو aqua و استایل اون رو موجی تعیین کردیم. دموی زیر رو مشاهده کنید:

پشتیبانی مرورگرها از این ویژگی و خلاصه نویسی شده اون خیلی خوب و فراگیر نیس و شما میتونین برای دیدن این استایل اون رو درون مرورگر Firefox باز کنید. در آینده ای نزدیک پشتیبانی از این ویژگی ها بهتر میشه. در دموی بالا کد HTML زیر قرار داده شده:

کد CSS اون هم بصورت زیر هست:

میبینید که text-decoration رو بصورت خلاصه نویسی شده تعریف کرده و قرار دادیم. همونطور که دیدید متنی که این استایل برای اون اعمال میشه، شبیه به دریا میشه و رنگ پس زمینه اون آبی رنگ میشه و موجهایی هم برای اون تعبیه شده. شما هم میتونین از این ویژگی استفاده کنید و زیبایی خاصی رو به سایتتون بدید. اگه بخاید در مورد این ویژگی مطالعه بیشتری داشته باشید و چیزای بیشتری یاد بگیرید، میتونین این لینک رو مطالعه کنید. هدف این مطلب این بود که میشه text-decoration رو هم بصورت خلاصه نویسی شده مقدار دهی کرد.

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

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

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

یا علی

Source

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram