Od provozovatele projektu Rychlost.CZ

visibility

Definice a použití

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

CSS syntaxe

visibility: visibility;

Hodnoty vstupůPopisHodnota
visibilitydefinuje zda je nebo není prvek vykreslenvisible 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).

Podpora webových prohlížečů

Firefoxano
Internet Explorerano
Google Chromeano
Safariano
Operaano