Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Grafika

Widzialność elementów

Email Drukuj PDF

Tematy: kadrowanie | kursory | sposób wyświetlania elementów | wypływanie zawartości | widzialność elementów

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 no, widzę, że jesteście ciekawi, ja też..., 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.

<p style="visibility:collapse; color:blue">tego akapitu nie widać.</p>

tego akapitu nie widać.


Interpretacja: Internet Explorer, Firefox, Opera, Chrome

 

HTML5. Rusz głową.

HTML5. Rusz głową!

HTML5. Ćwiczenia praktyczne.

HTML5. Ćwiczenia praktyczne.

HTML5. Nieoficjalny podręcznik.

HTML5. Nieoficjalny podręcznik

Nowości Helionu

Statystyki

Użytkowników : 3556
Artykułów : 513
Zakładki : 28
Odsłon : 19062329