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)
  • 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




Polecenia pokrewne

* display

Odpowiednik html

* brak

Wersja specyfikacji

* CSS 2

Wsparcie przeglądarek

* Wszystkie nowoczesne przeglądarki

Kategoria: CSS
4programmers.net