آموزش visibility در CSS
آموزش visibility در CSS
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش visibility در CSS خواهیم پرداخت.
ویژگی به نام visibility به شما امکان می دهد عنصری را از دید خود پنهان کنید. برای ایجاد منوی بسیار پیچیده و طرح بندی بسیار پیچیده صفحه وب می توانید از این ویژگی به همراه JavaScript استفاده کنید.
شما می توانید از ویژگی visibility برای پنهان کردن پیام های خطایی که فقط در صورت نیاز کاربر به دیدن آنها نمایش داده می شود، یا پنهان کردن پاسخ های یک مسابقه تا زمانی که کاربر گزینه ای را انتخاب کند ، استفاده کنید.
توجه – بخاطر داشته باشید که کد منبع همچنان شامل هر آنچه در پاراگراف نامرئی است می شود ، بنابراین نباید از این اطلاعات برای پنهان کردن اطلاعات حساس مانند جزئیات کارت اعتباری یا رمزهای عبور استفاده کنید.
ویژگی visibility می تواند مقادیر ذکر شده در جدول زیر را بدست آورد –
| مقدار و توضیحات | |
|---|---|
| 1 |
visible جعبه و محتویات آن به کاربر نشان داده می شود. |
| 2 |
hidden جعبه و محتوای آن غیرقابل مشاهده است، اگرچه هنوز هم بر طرح بندی صفحه تأثیر می گذارد. |
| 3 |
collapse این فقط برای استفاده در ستون های جدول پویا و جلوه های سطر است. |
مثال:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<html> <head> </head> <body> <p> This paragraph should be visible in normal way. </p> <p style = "visibility:hidden;"> This paragraph should not be visible. </p> </body> </html> |
خروجی
|
1 |
This paragraph should be visible in normal way. |
لیست جلسات قبل آموزش CSS
- آموزش CSS
- CSS چیست؟
- آموزش نحو CSS
- آموزش قوانین CSS
- آموزش واحد انداره گیری در CSS
- آموزش رنگ ها در CSS
- آموزش Background در CSS
- آموزش فونت ها در CSS
- آموزش استفاده از تصاویر در CSS
- آموزش استفاده از تصاویر در CSS
- آموزش استفاده از لینک ها در CSS
- آموزش جداول در CSS
- آموزش حاشیه در CSS
- آموزش margin در CSS
- آموزش لیست ها در CSS
- آمورش ویژگی padding در CSS
- آموزش ویژگی مکان نما در CSS
- آموزش outline در CSS
- آموزش ابعاد در CSS
- آموزش نوارهای پیمایشی در CSS
.svg)
دیدگاه شما