Sifat visibility CSS

Definisi dan penggunaan

Atribut visibility menentukan apakah elemen dapat terlihat.

Petunjuk:Meskipun elemen yang tak terlihat tetap mengambil ruang di halaman. Gunakan atribut "display" untuk membuat elemen yang tak mengambil ruang di halaman.

Keterangan

Atribut ini menentukan apakah elemen yang dihasilkan akan ditampilkan. Ini berarti elemen masih mengambil ruang aslinya, tetapi dapat tak terlihat sepenuhnya. Nilai collapse digunakan di tabel untuk menghapus kolom atau baris dari tata letak tabel.

Lihat pula:

Panduan CSS:Posisi CSS

Panduan HTML DOM:Atribut visibility

Contoh

Membuat elemen h2 tak terlihat:

h2
  {
  visibility:hidden;
  }

Coba sendiri

Syntaks CSS

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

Nilai atribut

Nilai Deskripsi
terlihat Nilai baku. Elemen ini terlihat.
hidden Elemen ini tak terlihat.
collapse Ketika digunakan dalam elemen tabel, nilai ini dapat menghapus baris atau kolom, tetapi hal ini tidak akan mempengaruhi tata letak tabel. Ruang yang diambil dari baris atau kolom akan disediakan untuk konten lain. Jika nilai ini digunakan di elemen lain, akan muncul sebagai "hidden".
mewarisi Aturan harus menerima nilai visibility property dari elemen induk.

Detil teknis

Nilai baku: terlihat
Keretnan: ya
Versi: CSS2
Syntaks JavaScript: object.style.visibility="hidden"

TIY Contoh

bagaimana membuat elemen tak terlihat
contoh ini menunjukkan bagaimana membuat elemen tak terlihat. Apakah Anda ingin elemen terlihat, atau tidak?
atur elemen tabel menjadi collapse
contoh ini menunjukkan bagaimana menggabungkan elemen tabel?

kepatuhan browser

angka dalam tabel menunjukkan versi pertama browser yang mendukung atribut ini sepenuhnya.

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