Properti visibility CSS

Definisi dan Penggunaan

Atribut visibility menentukan apakah elemen dapat terlihat.

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

Keterangan

Atribut ini menentukan apakah elemen yang dihasilkan elemen tersebut 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 juga:

Pelajaran CSS:Posisi CSS

Panduan HTML DOM:Atribut visibility

Contoh

Membuat elemen h2 tak terlihat:

h2
  {
  visibility:hidden;
  }

Coba Sendiri

Syntax CSS

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

Nilai Atribut

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

Detil Teknik

Nilai Default: visible
Inheritance: yes
Versi: CSS2
Syntax JavaScript: object.style.visibility="hidden"

TIY Contoh

Bagaimana cara untuk membuat elemen tak terlihat
Contoh ini menunjukkan bagaimana cara untuk membuat elemen tak terlihat. Apakah Anda ingin elemen tersebut terlihat, atau tidak?
Atur elemen tabel menjadi collapse
Contoh ini menunjukkan bagaimana cara untuk membuat elemen tabel berlapis?

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuh.

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