آموزش برنامه نویسی و مجله تخصصی فناوری
آموزش CSS - قابلیت مشاهده(visibility)
ویژگی به نام "قابلیت دید (visibility)" به شما این امکان را می‌دهد که یک عنصر را از دید کاربر پنهان کنید. با استفاده از این ویژگی همراه با جاوا اسکریپت، می‌توانید صفحات وب با منوها و طرح‌های پیچیده‌تری ایجاد کنید.
می‌توانید از ویژگی visibility برای پنهان کردن پیام‌های خطا استفاده کنید، به نحوی که این پیام‌ها تنها در صورت نیاز کاربر نمایش داده شوند. همچنین می‌توانید از آن برای پنهان کردن پاسخ‌های یک آزمون استفاده کنید، تا زمانی که کاربر گزینه‌ای را انتخاب نکند.
خاصیت (visibility) می تواند مقادیر موجود در جدول زیر را بپذیرد −
| سریال | مقدار و توضیحات |
|---|---|
| ۱ |
(visible) قابل مشاهده عنصر قابل مشاهده و نمایش است. |
| ۲ |
(hidden) پنهان عنصر پنهان شده و از دید کاربر مخفی است. |
| ۳ |
(collapse) انطباق برای عنصرهای جدول مورد استفاده قرار می‌گیرد و باعث مخفی شدن سلول‌های جدول می‌شود، اما سطرها و ستون‌ها باقی می‌مانند. |
<html>
<head>
</head>
<body>
<p>
این پاراگراف باید در حالت عادی قابل مشاهده باشد. </p>
<p style = "visibility:hidden;">
این پاراگراف نباید قابل مشاهده باشد. </p>
</body>
</html>