Properti visibilitas CSS

contoh

Membuat <h2> elemen tidak terlihat:

h2
{
visibility: hidden;
}

Coba »

Di bagian bawah halaman ini untuk lebih banyak contoh.

Definisi atribut dan petunjuk

Atribut visibilitas menentukan apakah unsur terlihat.

Tip: Bahkan jika unsur-unsur tak terlihat akan menempati ruang pada halaman.Silakan gunakan "display" properti untuk membuat tidak menempati ruang pada halaman ini tidak elemen terlihat.

default: terlihat
warisan: ya
versi: CSS2
sintaks JavaScript: objek .style.visibility = "hidden"


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Semua browser utama mendukung properti visibilitas.

Catatan :: Internet Explorer (termasuk IE8) tidak mendukung nilai versi atribut "mewarisi" atau "runtuh".


Nilai properti

nilai deskripsi
terlihat Default. Elemen terlihat.
tersembunyi Elemen tidak terlihat.
runtuh Ketika digunakan dalam elemen tabel, nilai ini bisa menghapus baris atau kolom, tetapi tidak mempengaruhi tata letak meja. Ruang ditempati oleh baris atau kolom akan ditinggalkan untuk penggunaan konten lainnya. Jika nilai ini digunakan dalam elemen lain akan diberikan sebagai "tersembunyi".
mewarisi Ketentuan harus mewarisi nilai atribut visibilitas dari elemen induk.


contoh

contoh yang lebih

Bentuk elemen diatur runtuh
Contoh ini menunjukkan bagaimana untuk membuat elemen tabel ditumpangkan.


Artikel terkait

CSS tutorial: CSS Tampilan dan visibilitas