ویژگی cursor و visibility و display در cssReviewed by Datacss.ir on Nov 5Rating:

ویژگی cursor و visibility و display در css

 

 

در این قسمت از آموزش Css ، ویژگی Cursor , ویژگی Visibility و خاصیت Display  را توضیح می دهیم.

ویژگی Display نحوه ی نمایش عنصر موردنظر را در صفحه تعیین می کند.این خاصیت می تواند شامل مواردی باشد که تعدادی از آنها را بیان می کنیم.

none:در این حالت تصویر نمایش داده نمی شود.

block:در این حالت عنصر به صورت یک شی مجزا با یک خط فاصل قبل و بعد از آن نمایش داده می شود.

inline:در این حالت عنصر به صورت یک شی درون خط ی بدون هیچ خط فاصله قبل و بعد از آن نمایش داده می شود،که حالت پیش فرض است.

list-item:در این حالت عناصر به صورت لیست دیده می شوند.

table:در این حالت عنصر به صورت یک جدول با یک خط فاصله قبل و بعد از آن صفحه نمایش داده می شود.

مثال زیر کاربرد خاصیت display را در طراحی سایت نشان می دهد.
li {display:inline;}

span {display:block;}

با استفاده از خاصیتvisibility شما می توانید عناصر مورد نظر خود را قابل و یا غیر قابل نمایش کنید.visible به معنای نمایش دادن می باشد و با خاصیت hidden  می توانید عنصر مورد نظر خود را غیر قابل نمایش کنید.

مثال زیر کاربرد خاصیت visibility را در طراحی سایت نشان می دهد.

h1.hidden {visibility:hidden;}

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

مثال زیر کاربرد خاصیت cursor را نشان می دهد.

span.crosshair {cursor:crosshair}
span.help {cursor:help}
span.wait {cursor:wait}

gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== - ویژگی cursor و visibility و display در css

منبع: sitedesign-co.com

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.

فهرست