در این قسمت از آموزش 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}
