Document

Výuka kaskádových stylů

Co to je?

V CSS vlastnost visibility určuje, zda je element viditelný nebo skrytý, aniž by ovlivňovala jeho umístění v rozvržení stránky. To znamená, že skrytý element stále zabírá místo na stránce.

Jak?

Na svojí .html stránce si vytvořím třeba boxy, u kterých pak můžu upravit viditelnost.
Základní hodnoty jsou:

visibility: hidden: Element je skrytý, ale stále zabírá prostor v rozvržení. To může být užitečné, pokud chcete dočasně skrýt obsah, ale nechcete narušit rozvržení stránky.

visibility: visible: Element je viditelný. Toto je výchozí hodnota.

Příklad :

Potřebuju aby mezi zelenými boxy byla mezera na 2 boxy, jeden ze způsobů je dát mezi ně dva boxy u kterých nastavým visibility: hidden;

.box1 { width: 100px; height: 100px; background-color: green; float:left; margin: 10px; }

.box2 { width: 100px; height: 100px; float:left; margin: 10px; visibility: hidden; }