• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

سیر تا پیاز رنگها ( color ) در CSS ( قسمت آخر )

2 1426 ۱۱ اردیبهشت ۹۴

در این مطلب میخوام مطلب قبلی رو ادامه بدم.

css-colors

5. HSLA :

بهمون صورت که RGBA هست ، HSLA هم وجود داره که خاصیت Alpha یا شفافیت رو به HSL اضافه کرده. مانند گذشته شفافیت میتونه مقداری بین 0 و یک داشته باشه. فرمت کلی :

مثال :

خروجی :

css-colors16

میبینید که رنگ موجود دارای شفافیت هست و حالت زیبایی رو بوجود آورده.

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

مثال :

خروجی :

css-colors17

بجای استفاده از rgb و ... میتونین از نام خاصی که به رنگها داده شده استفاده کنید. CSS تعداد 16 رنگ ساده رو نامگذاری کرده و میتونیم از اونا استفاده کنیم :

css-colors18

با گذشت زمان و آمدن CSS های 2 و 3 تعداد این نام رنگها بیشتر و بیشتر شد. از نامهای زیر هم میتونین استفاده کنید :

css-colors19

کلمه کلیدی Transparent :

این کلمه یک راه ساده برای مشخص کردن رنگی هست که شفافیت یا opacity اون برابر با 0 باشه. یعنی رنگ مورد نظر نامرئی میشه و نمیشه اون رو دید. مثال :

کلمه کلیدی currentColor :

این کلمه برای راحتی و سهولت بوجود اومده و معنی اون اینه که مقدار رنگ مورد نظر ، همون رنگی هست که به ویژگی color نسبت داده شده است. بزارید یک مثال بزنم :

میبینید که رنگ blue رو در 4 جا تکرار کردیم. بجای اینکار میتونیم یکبار blue رو در مقابل color استفاده کرد و بجای بقیه رنگهای از کلمه کلیدی currentColor استفاده کرد. بصورت زیر :

اگه خروجی رو نگاه کنید ، نتایج یکسان و یکی هستن. مزیت اینکار اینه که ، اگر بعدا خواستید رنگ رو عوض کنید ، لازم نیس که برید و 4 تا رنگ رو عوض کنید ، با تغییر مقدار color ، بقیه هم متناسب با اون عوض میشن.

خب دوستان خسته نباشید.

امیدوارم خوشتون اومده باشه.

موفق باشید. یا علی

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

دیدگاه ها 2 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

    دمت گرم با این کلمه currentColor تا حالا کار نکرده بودم ایده خیلی جالبی بود خیلی از کدنویسی رو راحت تر میکنه
    ممنون ازت

  • ارسال دیدگاه

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram