آموزش CSS

آموزش CSS - خصوصیت Visibility

خصوصیت Visibility پنهان یا قابل نمایان بودن یک المان را مشخص می کند.

کنترل قابلیت دیده شدن المان:

شما می توانید از این خصوصیت برای نمایش یا عدم نمایش المان استفاده کنید.  این خصوصیت یکی از مقادیر زیر را اتخاذ می کند:

مقدار

توضیح

visible

مقدار پیش فرض است. جعبه و محتوای آن دیده می شود.

hidden

جعبه و محتوای آن نامرئی است اما طرح صفحه را تحت تاثیر قرار می دهد.

collapse

این مقدار باعث می شود کل سطر و ستون از نمایش حذف شود. این مقدار برای سطر، گروه سطرها، ستون و گرون ستون مورد استفاده قرار می گیرد.

inherit

این گزینه مشخص می کند که مقدار خصوصیت visibility باید از المان والد به ارث برده شود.

قانون سبک دهی visibility: collapse المان جدول داخلی را حذف می کند اما بر روی طرح جدول اثر نمی گذارد.

نکته: اگر قانون سبک دهی visibility: collapse برای سایر المان ها به جای المان جدول مشخص شده باشد، باعث می شود رفتار مشابهی با hidden داشته باشد.

قابلیت دیده شدن در برابر نمایش:

خصوصیت های نمایش و قابلیت دیده شدن معمولا یک موضوع واحد به نظر می رسند اما در واقع تفاوت هایی دارند.

  • خصوصیت visibility: hidden المان را پنهان می کند اما هنوز فضایی را در طرح به خود اختصاص می دهد. المان اولاد جعبه Hidden اگر قابلیت دیده شدن آن ها بر روی visible باشد دیده خواهند شد.
  • خصوصیت display: none نمایش را خاموش می کند و المان را به طور کلی از سند پاک می سازد. این گزینه هیچ فضایی نمی گیرد.  المان اولاد نیز نمایشش خاموش می شود حتی اگر خصوصیت نمایش آن بر روی چیز دیگری تنظیم شده باشد.
در صورتی که سوال و یا نظری دارید، از بخش نظرات با ما در میان بگذارید.

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

شما چه نظر و یا سوالی درباره این نوشته دارید؟

مبحث آموزشی

آموزش CSS

Learn CSS

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

کلیک کنید و سوالات خود را از ما بپرسید
لطفا فرم سوال را پر کنید

سوال شما با موفقیت ثبت شد. برای اینکه بتوانیم به شما اطلاع رسانی کنیم، موارد زیر را وارد کنید:

لطفا چند لحظه منتظر بمانید ...