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

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



  آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!

آموزش CSS (فصل دهم) : آشنایی با خاصیت های opacity ، visibility و cursor

20486 ۲۸ بهمن ۹۱

خصوصیت opacity  

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

قاعده کلی :

مقدار پیشفرض : 1

مقدار 1 برای خاصیت opacity مشخص می کند که یک عنصر یا کاملا ناشفاف یا تیره ( مات ، کدر ، مبهم ، opaque)  باشد. و مقدار صفر برای ویژگی opacity تعیین میکند که عنصر کاملا نامرئی (invisible) باشد.

مقدار opacity را باید به صورت یک عدد اعشاری و حداکثر تا دو رقم اعشار تعریف کرد. مقادیر بین صفر و یک و تا دو رقم اعشار برای opacity مجاز می با شند.

نکته :

تمامی مرورگرها به غیر IE8 , IE7 , IE6 از خاصیت opacity پشتیبانی می کنند. یک روش اختصاصی برای تعیین opacity در IE8 و بقل از آن وجود دارد که عبارت است از :

مقدار پیشفرض : 100

در این روش برای مقدار opacity اعداد بین 0 تا 100 مجاز می باشد.

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

IE9  از خاصیت opacity پشتیبانی می کند.

مثال :

کد css  :

نتیجه در مرورگر :

خصوصیت visibility  

با استفاده از این خاصیت می توان یک عنصر را در صفحه نمایش داد و یا مخفی کرد.

قاعده کلی :

مقدار پیشفرض:  visible

Visible : عنصر در صفحه نمایش داده خواهد شد.

Hidden : عنصر در صفحه مخفی شده و به جای ان یک فضای خالی نمایش داده شود.

خصوصیت Cursor  

با استفاده از خاصیت cursor می توان نوع اشاره گر موس مورد استفاده برای عناصر را تغییر داد.

قاعده کلی :

مقدار پیشفرض auto

با استفاده از مقادیر url می توان یک custom cursor را بر اساس یک img تعریف کرد. در عمل این روش تقریبا هرگز استفاده  نمیشود و برای استفاده توصیه نمی شود و استفاده از cursorهای استاندارد بهتر می باشد.

نکته :

تعدادی cursor غیر استاندارد نیز وجود دارد که فقط در برخی از مرورگرها پشتیبانی می شوند :

بسیار خب، تا به اینجا با سه خاصیت دیگر از زبان css آشنا شدیم، در جلسه بعدی شما را با جلوه های ویژه  ی css3 آشنا خواهیم کرد.

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

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

  • ‏‏
    کیوان علی محمدی(۲۸ بهمن ۱۳۹۱)

    سجاد جون دمت گرم

  • ‏‏
    لقمان آوند(۲۸ بهمن ۱۳۹۱)

    عالی بود …

  • ‏‏

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

    • ‏‏
      لقمان آوند(۲۸ بهمن ۱۳۹۱)

      خوب برای افزایش سرعت اینکارو کردیم …
      حالا دوباره بررسی می کنیم اگه نیاز شد مدت زمان کش رو کم می کنیم .

  • ‏‏
    محمد جواد فصاحت(۱ اسفند ۱۳۹۱)

    سلام،جاداره یه خسته نباشید بهتون بگم 😳

    واقعا دستتون درد نکنه خیلی عالیه

    لطفا ادامه بدید همین جوری 😳

  • ‏‏

    سلام،پس چرا ادامه آموزش را قرار نمی دید؟؟!!

    مگه قرار نبود 3 روز یکبار باشه؟

    الان یک هفته هست که آپدیت نشده آموزش css

  • ‏‏
    پـــــویا پـــنج(۳ اردیبهشت ۱۳۹۲)

    اقا ببخشید وقتی لیست خاصیت ها باز میشه گزینه ی opacity توش نیست باید چکار کنم ؟

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram