Хосияти visibility
Хосияти visibility нодидорӣ ба элемент
таъин мекунад. Дар ин ҳолат, ҳамаи элементҳои дигар
чунон рафтор мекунанд, ки гӯё элемент ба ҳеҷ ҷо
равона нашудааст.
Синтаксис
селектор {
visibility: visible ё hidden ё collapse;
}
Қиматҳо
| Қимат | Тавсиф |
|---|---|
visible |
Элемент дида мешавад. |
hidden |
Элемент нодидор мешавад, гӯё шaffof аст ва дар ҳоле ки дар форматировани саҳифа иштирок мекунад. |
collapse |
Агар collapse барои мундариҷаи ҳуҷайраҳои ҷадвалҳо истифода шавад,
пас онҳо гӯё нопадид мешаванд, ва ҷадвал
аз нав сохта мешавад.
Агар ин қимат ба сатрҳо ё сутунҳои ҷадвал татбиқ нашавад, пас натиҷаи истифодаи он ҳамон монанди hidden хоҳад буд.
|
Қимати пешфарз: visible.
Намуна
Биёед чунон кунем, ки матни абзаци аввал аз аввал
нодидор бошад, аммо вақте ки курсорро ба тугмаи
'Show text' мебарем
мо метавонем онро хонем:
<button>Show text</button>
<div class="text">text1</div>
<div>text2</div>
div{
border: 1px solid black;
width: 100px;
}
.text {
visibility: hidden;
}
button:hover + .text {
visibility: visible;
}
:
