Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea de vizibilitate specifică dacă este sau nu un element este vizibil.
Tip: Chiar și elemente invizibile ocupă spațiu pe pagină. Utilizați afișajul proprietatea de a crea elemente invizibile care nu ocupă spațiu!
| Valoare implicită: | visible |
|---|---|
| Mostenit: | yes |
| Animatable: | yes. Read about animatable |
| Versiune: | CSS2 |
| sintaxa JavaScript: | object .style.visibility="hidden" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| visibility | 1.0 | 4 | 1.0 | 1.0 | 4 |
CSS Sintaxa
visibility: visible|hidden|collapse|initial|inherit;Valori de proprietate
| Valoare | Descriere | Joaca-l |
|---|---|---|
| visible | Valoare implicită. Elementul este vizibil | Joaca - l » |
| hidden | Elementul este invizibil (but still takes up space) mai (but still takes up space) | Joaca - l » |
| collapse | Numai pentru elementele de masă. colaps elimină un rând sau o coloană, dar nu afectează aspectul de masă. Spațiul ocupat de rândul sau coloana vor fi disponibile pentru alte tipuri de conținut. În cazul în colaps este folosit pe alte elemente, ea face ca "hidden" | Joaca - l » |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială | Joaca - l » |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Mai multe exemple
Exemplu
Acest exemplu demonstrează modul de a face un colaps element de tabel:
tr.collapse {
visibility: collapse;
} Încearcă - l singur » Pagini similare
Tutorial CSS: CSS de afișare și vizibilitate
HTML DOM referință: visibility property