به کمک نیاز دارید؟

خدمات تخصصی

جستجو
این کادر جستجو را ببندید.
Visibility

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

در 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>

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.

 

با دریافت « مشاوره برنامه‌نویسی، وب و سئو » از کارشناسان جوان حرفه‌ای و باتجربه ساکوراد؛ موفقیت کسب و کار، رونق فروش و افزایش درآمد خود را تضمین کنید!

 

و اما کلام آخر…

با استفاده از این سه ویژگی، طراحان وب قادرند کنترل دقیقی بر روی نحوه نمایش و تعامل کاربران با عناصر صفحه داشته باشند. انتخاب مناسب بین Cursor، Display و Visibility می‌تواند تأثیر زیادی بر تجربه کاربری و طراحی کلی وب‌سایت داشته باشد.

تصویر دکتر علی قوامی
دکتر علی قوامی
دانش‌آموخته دکترای تخصصی (PhD) کارآفرینی فناوری، بنیانگذار و مدیر گروه بین‌المللی کسب و کار ساکوراد با بیش از ۲۰ سال تجربه بعنوان کوچ، مدرس، مشاور و منتور در حوزه‌های مختلف راه‌اندازی و توسعه کسب‌وکار در ۱۵ کشور جهان هستم. در تلاشم تا تجربیات ذی‌قیمت خود را با شما دوستان عزیزم به اشتراک گذارم.
پیشنهاد بر اساس سلیقه شما

مسیریابی تحصیلی - شغلی (آنلاین)

تست شغلی به آزمون روانشناسی گفته می شود که فرد با توجه به پاسخگویی به سوالات در انتها بهترین شغلی که می تواند در آن موفق باشد را معرفی می کند.

سئوالات و نظرات ارزشمند خود را با ما مطرح کنید

دیدگاهتان را بنویسید

کلینیک مشاوره کسب و کار

ارائه‌ی خدمات کوچینگ، مشاوره و منتورینگ توسط برترین متخصصان جوان

هاست سنتر حرفه‌ای

طیف وسیعی از خدمات حرفه‌ای هاستینگ با تنوع و کیفیت کنترل شده

کانال یوتیوب

آموزش‌ها و نکات کلیدی ما را دنبال کنید

کانال تلگرام

اخبار و تخفیفات گروهی ما را دنبال کنید

صفحه اینستاگرام

آموزش‌ها و تخفیفات گروهی ما را دنبال کنید

راهنمای گام به گام تا دریافت مشاوره

گام اول

انتخاب حوزه تخصصی مدنظر

گام دوم

بررسی رزومه مشاوران مرتبط

گام سوم

انتخاب مشاور با تخصص مدنظر

گام چهارم

تکمیل فرم و ثبت درخواست

گام پنجم

پرداخت حق‌الزحمه مشاور

گام ششم

تماس با شما برای تعیین وقت

گام هفتم

برقراری ارتباط شما با مشاور