ویژگی visibility CSS

تعریف و استفاده

ویژگی visibility مشخص می‌کند که آیا یک عنصر قابل مشاهده است یا خیر.

نکته:حتی عناصر نامرئی نیز فضای صفحه را اشغال می‌کنند. برای ایجاد عناصر نامرئی که فضای صفحه را اشغال نمی‌کنند، از ویژگی display استفاده کنید.

توضیحات

این ویژگی مشخص می‌کند که آیا یک قاب تولید شده توسط یک عنصر نمایش داده می‌شود یا خیر. این به این معنی است که عنصر همچنان فضای خود را اشغال می‌کند، اما می‌تواند کاملاً نامرئی باشد. مقدار collapse در جدول برای حذف یک ردیف یا ستون از چیدمان جدول استفاده می‌شود.

لطفاً به:

آموزش CSS:تعیین مکان CSS

دستورالعمل HTML DOM:ویژگی visibility

مثال

عنصر h2 را نامرئی کنید:

h2
  {
  visibility:hidden;
  }

آزمایش کنید

جمله‌بندی CSS

visibility: visible|hidden|collapse|initial|inherit;

مقدار ویژگی

مقدار توضیح
دیده‌شده مقدار پیش‌فرض. عنصر دیده‌شده است.
hidden عنصر نامرئی است.
collapse وقتی که در عناصر جدول استفاده می‌شود، این مقدار می‌تواند یک ردیف یا ستون را حذف کند، اما این کار تأثیری بر چیدمان جدول ندارد. فضایی که توسط ردیف یا ستون اشغال شده است به محتوای دیگر اختصاص داده می‌شود. اگر این مقدار در عناصر دیگر استفاده شود، به "hidden" تبدیل می‌شود.
inherit این تعریف می‌کند که باید مقدار visibility از عنصر والد به عنصر خود به ارث برسد.

جزئیات فنی

مقدار پیش‌فرض: دیده‌شده
وراثت: بله
نسخه: CSS2
جمله‌بندی JavaScript: object.style.visibility="hidden"

مثال عملی TIY

چگونه می‌توان یک عنصر را نامرئی کرد
این مثال نشان می‌دهد که چگونه می‌توانید یک عنصر را نامرئی کنید. آیا می‌خواهید عنصر نمایش داده شود یا نه؟
عناصر جدول را به collapse تنظیم کنید
این مثال نشان می‌دهد که چگونه می‌توانید عناصر جدول را روی هم بگذارید؟

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را کامل پشتیبانی می‌کند.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0