Visibility
visibility - określa czy element jest widoczny. Element ukryty przy pomocy tego polecenia, nadal zajmuje miejsce na stronie (na tym polega różnica w stosunku do stylu Display: none). Styl jest dziedziczony.
Możliwe wartości:
- visible - element widoczny (wartość domyślna)
- Wartość "hidden" - element nie widoczny
- collapse - ukrywa wiersz lub komórkę tabeli; zastosowany dla pozostałych elementów działa tak jak hidden
-
Inherit - przejęcie wartości rodzica
Przykład użycia:
<div style="border: 1px solid blue">
<p style="width: 100px; height: 100px; border: 1px solid red; visibility:hidden;">
Ukryty element</p>
<p style="visibility: visible;">Element widoczny</p>
</div>
Ukryty element
Element widoczny