visibility

Definice a použití

CSS vlastnost visibility definuje zda daný prvek bude zobrazen nebo skryt.

Hodnoty vstupů	Popis	Hodnota
visibility	definuje zda je nebo není prvek vykreslen	visible hidden

visible - výchozí hodnota, prvek je standartně vykreslen
hidden - prvek není vykreslen, ale stále zabírá místo (rozměry) jako by tam byl vykreslen

Ukázka:

CSS

/* Obrázky na stránce nebudou zobrazeny (vykresleny) i když budou zabírat své rozměry */
img {
   visibility: hidden;
}

Použité vlastnosti: visibility

Tip1 Vlastnost visibility:hidden se od display:none líší, právě tím, že při použití visibility:hidden se prvek stále rozměrově chová jako by tam byl, oproti display:none, které způsobí, že po prvku tam nezůstane ani to prázdné místo.

Tip2 Vlastnost visibility je méně náročná na výpočet, než display a právě proto se často používá v Javascriptu pro skrývání a zobrazování objektů (namísto výpočetně náročnější vlastnosti display).

Firefoxano

Internet Explorerano

Google Chromeano

Safariano

Operaano