خانه / مقالات اموزشی / css / opacity و visibility در css
آموزش CSS
آموزش CSS

opacity و visibility در css

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

خصوصیت opacity

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

قاعده کلی :

 

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

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

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

نکته :

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

 

مقدار پیشفرض : ۱۰۰

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

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

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

کد css  :
 

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

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

خصوصیت visibility

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

قاعده کلی :

 

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

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

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

خصوصیت Cursor

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

قاعده کلی :

 

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

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

نکته :

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

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

درباره آموزشگاه نوین آی تی

همچنین ببینید

آموزش برنامه نویسی جاوا

نحوه نام گذاری متغییر های جاوا

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

دیدگاهتان را بنویسید

علی طاهری آموزشگاه طراحی سایت نوین آی تی 021-88283800 info(@)novin-it.net