top - Č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 top nastavujeme horní pozici HTML elementu. Chování vlastnosti záleží na tom, jak je element pozicovaný, více viz. vlastnost position. Vlastnost nemá žádný vliv na elementy s position: static, tedy pokud má pozice výchozí hodnotu.
Hodnoty
- auto (výchozí) - Pozici určí prohlížeč.
- délka - Horní pozice udaná v libovolných délkových jednotkách, např. px, cm, pt atd. Můžeme uvést i záporné hodnoty.
- % - Horní pozice udaná jako část z výšky rodičovského elementu.
- inherit - Vlastnost top bude zděděna od rodičovského elementu.
Ukázka
<!DOCTYPE html>
<html>
<head>
<style>
#ptak
{
position: relative;
top: 100px;
}
</style>
</head>
<body>
<img src="ptak.png" alt="Pták" id="ptak" />
</body>
</html>Výsledek:
Článek pro vás napsal David Čápka
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Autor sítě se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.
Komentáře
Zatím nikdo nevložil komentář - buď první!