Viditelnost CSS Vlastnost
Příklad
Zviditelnit a skrýt prvky <h2>:
h2.a {
visibility: visible;
}
h2.b {
visibility: hidden;
}
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost visibility
určuje, zda je prvek viditelný nebo ne.
Tip: Skryté prvky zabírají místo na stránce. Použijte vlastnost display ke skrytí a odstranění prvku z rozvržení dokumentu!
Výchozí hodnota: | viditelné |
---|---|
Zděděno: | Ano |
Animovatelné: | Ano. Přečtěte si o tématu Animable |
Verze: | CSS2 |
Syntaxe JavaScriptu: | objekt .style.visibility="hidden" |
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
Syntaxe CSS
visibility: visible|hidden|collapse|initial|inherit;
Hodnoty vlastností
Value | Description | Play it |
---|---|---|
visible | Default value. The element is visible | |
hidden | The element is hidden (but still takes up space) | |
collapse | Only for table rows (<tr>), row groups (<tbody>), columns (<col>),
column groups (<colgroup>). This value removes a row or column,
but it does not affect the table layout. The space taken up by the row or column
will be available for other content. If collapse is used on other elements, it renders as "hidden" |
|
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Další příklady
Příklad
Tento příklad ukazuje, jak sbalit prvek tabulky:
tr.collapse {
visibility: collapse;
}
Související stránky
CSS tutoriál: CSS zobrazení a viditelnost
Odkaz HTML DOM: vlastnost viditelnosti