Tematy: kadrowanie | kursory | sposób wyświetlania | wypływanie | widzialność
| Dane w pigułce | |
| Zastosowanie | chowanie lub ujawnianie elementu |
| Dziedziczenie | tak |
| Wartości | visible, hidden, collapse |
| Wartość domyślna | visible |
| Przykład | visibility:hidden |
| Uwagi | |
| Odpowiednik w HTML | brak |
Aby zdefiniować widzialność elementu, należy wpisać w definicji stylu visibility: wartość.
Parametr visibility pozwala decydować o tym, czy element jest widoczny na ekranie, czy też nie. Parametr przyjmuje wartości visible, hidden i collapse.
Wartość hidden ukrywa element, zostawiając puste miejsce (zauważ dla porównania, że polecenie display:none chowa element i nie zostawia nawet pustego miejsca.)
Przykład: schowanie całego akapitu.
<p style="visibility:hidden">Ten akapit ma być niewidoczny.</p>
Przykład: schowanie fragmentu akapitu objętego wycinkiem span.
<span style="visibility:hidden">ukryta treść</p>
John Fitzerald Kennedy został zastrzelony przez , ale mało kto o tym wie.
Wartość visible wymusza wyświetlenie elementu.
Wartość collapse wymusza ukrycie elementu i w przypadku elementów innych niż tabele działa podobnie jak hidden, natomiast w komórkach tabel podobnie jak display:none - obsługują ją jedynie Firefox i Opera.
<p style="visibility:collapse; color:blue">tego akapitu nie widać w Firefoksie i Operze.</p>
tego akapitu nie widać w Firefoksie i Operze.
Interpretacja: Internet Explorer, Firefox, Opera