خصوصیت visibility

مثال

مخفی کردن عنصر <h2>:

h2
{
visibility:hidden;
}

در انتهای این آموزش، مثال های بیشتری را خواهید دید.

تعریف و کاربرد

با استفاده از خصوصیت visibility می توانید، یک عنصر را نمایش بدهید یا آن را مخفی کنید.

نکته: در خصوصیت visibility حتی عناصر مخفی نیز فضای صفحه را اشغال می کند، بعبارتی فضای آنها رزرو شده باقی می ماند. با استفاده از خصوصیت "display" می توانید عناصر را جوری مخفی نمایید که اثری از آنها در صفحه باقی نماند.

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

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

    

تمام مرورگرهای اصلی، خصوصیت visibility را پشتیبانی می کنند.

توجه: هیچ کدام از نسخه های Internet Explorer (حتی IE8) مقدار "inherit" را برای خصوصیت visibility پشتیبانی نمی کنند.

مقدارهای خصوصیت

مقدار توضیحات نمایش دادن
visible

مقدار پیش فرض. عنصر نمایش داده می شود.
hidden

عنصر مخفی می شود. (اما هنوز فضای برای عنصر رزرو باقی می ماند.)
collapse

فقط برای جدول به کار می رود. collapse یک ستون یا ردیف را حذف می کند، اما روی چیدمان جدول تاثیری ندارد. فضایی که برای ردیف یا ستون نگه داشته شده بود، برای محتواهای دیگر در دسترس است.

اگر collapse برای عنصری استفاده شود مانند "hidden" با آن رفتار می شود.
inherit تعيين مي کند که بايد از والدش، ارث بري داشته باشد.