خواص نمایش عناصر Cursor , Display , Visibility
خواص نمایش عناصر 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>
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.
More from my site
رونمایی از روش جدید شارژ باتری موبایل
فال روزانه سه شنبه ۱۸ فروردین ۹۴
دانلود فیلم جدید پاشنه بلند ۲
نکات و تکنیک های چیدمان سفره هفت سین ۹۵
فال روز شنبه ۱۴ چهاردهم فروردین ۹۵
آموزش HTML فصل دوم – چند نکته در مورد نوشتن متون
آموزش HTML فصل سوم – آشنایی با تگ a
میزبانی وب – قسمت سوم
فال روز سه شنبه ۴ چهارم اسفند ۹۴
فال روز دوشنبه ۴ آبان ۹۴
فال روز یکشنبه ۲۴ آبان ۹۴
فال روز پنجشنبه ۲۸ خرداد ۹۴