Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
Properti visibilitas menentukan apakah atau tidak unsur terlihat.
Tip: Bahkan elemen tak terlihat mengambil ruang pada halaman. Gunakan display properti untuk membuat elemen tak terlihat yang tidak mengambil ruang!
| nilai default: | visible |
|---|---|
| mewarisi: | yes |
| animatable: | yes. Read about animatable |
| Versi: | CSS2 |
| sintaks JavaScript: | object .style.visibility="hidden" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
CSS Syntax
visibility: visible|hidden|collapse|initial|inherit;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| visible | nilai default. Unsur ini terlihat | Mainkan " |
| hidden | Unsur ini tidak terlihat (but still takes up space) | Mainkan " |
| collapse | Hanya untuk elemen tabel. runtuhnya menghapus baris atau kolom, tetapi tidak mempengaruhi tata letak meja. Ruang yang diambil oleh baris atau kolom akan tersedia untuk konten lainnya. Jika runtuh digunakan pada unsur-unsur lain, itu membuat sebagai "hidden" | Mainkan " |
| initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Contoh lebih
Contoh
Contoh ini menunjukkan bagaimana membuat jatuhnya elemen tabel:
tr.collapse {
visibility: collapse;
} Cobalah sendiri " Pages terkait
CSS tutorial: CSS Tampilan dan visibilitas
Referensi HTML DOM: visibility property