1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

خواص نمایش عناصر Cursor , Display , Visibility

شروع موضوع توسط minaaa ‏30/8/13 در انجمن CSS

  1. کاربر پیشرفته

    تاریخ عضویت:
    ‏9/12/10
    ارسال ها:
    19,795
    تشکر شده:
    6,456
    امتیاز دستاورد:
    113
    این بخش از آموزش css به توضیح ویژگی نمایش عناصر Cursor , Display , Visibility میپردازیم. 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.