آموزش CSS | خواص نمایش عناصر Cursor , Display , Visibility

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

visibility

مخفی کردن عناصر در css با این ویژگی امکان پذیر است :

• none
• hidden

h1.hidden {visibility:hidden;}

اگر به تگ های زیر این ویژگی را نسبت دهید تمامی عناصری که داخل آنها قرار میگیرد نیز از این ویژگی ارث میبرند :

• <h1>
• <p>
• <div>

ولی در تگ های زیر فقط خود عنصر از این ویژگی تبعیت میکند :

• <span>
• <a>

اعضای شبکه مشاوران در حوزه «برنامه‌نویسی، وب و امنیت سایبری»

All Locations ایران— تهران— آذربایجان غربی— مازندران— اصفهان— آذربایجان شرقی— کردستان— گیلان— البرز— خراسان شمالی— کرمانشاه— لرستان— فارس— قزوین— سمنان— همدان— خراسان رضویترکیه— استانبول— آنکاراامارات— ابوظبی— دبیآلمان— راینلاند فالتس— برلین— بایرنآمریکا— تگزاس

display
این ویژگی مشخص میکند که چگونه یک عنصر نمایش داده می شود :

li {display:inline;}

span {display:block;}

با تغییر ویژگی display برای عنصرهایی که چاپ آن‌ها ضروری نیست، می‌توانید تنها متن اصلی صفحه را به چاپگر بفرستید. بسیاری از بخش‌های سایت مانند سربرگ، منوها و تبلیغات نیازس نیست که در ز خروجی چاپ نمایش داده شوند.

مقادیری که میتواند در Display بگیرد:

Display:block
اگر به یک DIV این خاصیت را بدهید، یعنی آن عنصر میتواند کل سطر خود را اشغال کند و مانند یک بلاک رفتار میکند و هیچ عنصر دیگری را در کنار خود جا نمی دهد. این خاصیت باعث میشود عنصر ما مثل تگ h1 عمل کند.

Display:inline
یعنی DIV در یک خط قرار گرفته که چندین عنصر در آن خط قرار داردند و باید بقیه عنصر ها را در کنار خود جا دهد و بپذیرد .
Display:none
یعنی عنصر نمایش داده نشود.
Display:inline-block
کاربردی مانند Display:inline دارد
display:list-item
هر یک از بلاک هایی که این خاصیت را دارا باشند بصورت یک آیتم نشون داده میشوند و یک بولت در کنارآن نمایش داده میشود. مانند تگ ul.