visibility - Český CSS 3 manuál
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Pomocí CSS 3 vlastnosti visibility můžeme skrýt HTML element. Skrytý element není vykreslován, ale je ve stránce přítomen a je místo něj vykresleno prázdné místo. Pro úplné vyjmutí elementu ze stránky použijte vlastnost display, element tak ale bude neviditelný např. i pro JavaScript.
Hodnoty
- visible (výchozí) - Element je vykreslován.
- hidden - Element není vykreslován a je skrytý. Je však na stránce stále přítomen a místo něj je vykreslováno prázdné místo.
- collapse - Vlastnost slouží pouze pro tabulkové elementy, po jejich skrytí není narušeno rozložení tabulky.
- inherit - Vlastnost visibility bude zděděna od rodičovského elementu.
Ukázka
<!DOCTYPE html>
<html>
<head>
<style>
div
{
background-color: #59A4FF;
border: 1px solid blue;
}
#kontejner
{
visibility: hidden;
}
</style>
</head>
<body>
<div>Tento kontejner je běžně viditelný.</div>
<div id="kontejner">Tento kontejner je skrytý, ale stále zabírá místo na stránce.</div>
<div>Tento kontejner je běžně viditelný.</div>
</body>
</html>Výsledek:
Článek pro vás napsal David Čápka
David je zakladatelem ITnetwork a programování se profesionálně věnuje 13 let. Má rád Nirvanu, sushi a svobodu podnikání.
David se informační technologie naučil na Unicorn University - prestižní soukromé vysoké škole IT a ekonomie.
Komentáře
Zatím nikdo nevložil komentář - buď první!