بک لینک

خواص نمایش عناصر Cursor , Display,visibility
#1
cursor
انواع مختلفی از نمایش مکان نما در صفحه را مشخص میکند.
زمانی که روی یک عنصری که مشخص کرده ایم میرویم مکان نما به شکل مورد نظر نشان داده میشود.

نقل قول: {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>
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.
پاسخ
 سپاس شده توسط HhosseinN ، arash202


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان