Својство visibility
Својството visibility задава невидливост
на елементот. При тоа сите останати елементи
ќе се однесуваат како елементот никаде
да не исчезнал.
Синтакса
селектор {
visibility: visible или hidden или collapse;
}
Вредности
| Вредност | Опис |
|---|---|
visible |
Елементот е видлив. |
hidden |
Елементот станува невидлив, како да е транспарентен и при тоа продолжува да учествува во форматирањето на страницата. |
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;
}
:
