Atrybut visibility w CSS

Definicja i użycie

Atrybut visibility określa, czy element jest widoczny.

Wskazówka:Nawet niewidzialne elementy zajmują przestrzeń na stronie. Użyj atrybutu "display", aby utworzyć niewidzialne elementy, które nie zajmują przestrzeni na stronie.

Wyjaśnienie

Ta właściwość określa, czy element wygeneruje ramkę. Oznacza to, że element nadal zajmuje swoje pierwotne miejsce, ale może być całkowicie niewidzialny. Wartość collapse w tabeli jest używana do usunięcia kolumny lub wiersza z układu tabeli.

Zobacz również:

Kurs CSS:Położenie CSS

Podręcznik HTML DOM:Atrybut visibility

Przykład

Uczynić elementem h2 niewidzialnym:

h2
  {
  visibility:hidden;
  }

Spróbuj sam

Gramatyka CSS

visibility: visible|hidden|collapse|initial|inherit;

Wartość atrybutu

Wartość Opis
widoczny Domyślna wartość. Element jest widoczny.
hidden Element jest niewidzialny.
collapse Gdy używa się tej wartości w elementach tabeli, można usunąć wiersz lub kolumnę, ale nie wpłynie to na układ tabeli. Przestrzeń zajmowana przez wiersz lub kolumnę zostanie oddana do użycia innym treści. Jeśli wartość ta jest używana w innych elementach, będzie呈现为 "hidden".
inherit Definiuje, że wartość właściwości visibility powinna być dziedziczona od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: widoczny
Inheredność: yes
Wersja: CSS2
Język JavaScript: object.style.visibility="hidden"

Próbuj sam

Jak uczynić elementy niewidzialnymi
Ten przykład pokazuje, jak można uczynić elementy niewidzialnymi. Czy chcesz, aby elementy były widoczne, czy może nie?
Ustaw elementy tabeli na collapse
Ten przykład pokazuje, jak można sprawić, aby elementy tabeli były nadkładające się?

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0