padding-top - Český CSS 3 manuál
Tento obsah je dostupný zdarma v rámci projektu IT lidem.Vydávání, hosting a aktualizace umožňují jeho sponzoři.
Pomocí CSS 3 vlastnosti padding-top nastavujeme vzdálenost mezi horní hranou rámečku a obsahem elementu.
Všechny 4 vzdálenosti (levý padding, pravý padding, dolní padding a horní padding) můžeme na stejnou velikost nastavit pomocí vlastnosti padding, zde také naleznete podrobnější popis vlastnosti. Pokud chceme mít každý padding jiný, můžeme dále použít tyto vlastnosti:
- padding-bottom - Dolní padding
- padding-left - Levý padding
- padding-right - Pravý padding
Ukázka
<!DOCTYPE html>
<html>
<head>
<style>
#kontejner
{
border: 1px solid blue;
background-color: #BDBDF8;
padding-top: 50px;
width: 300px;
height: 100px;
}
</style>
</head>
<body>
<div id="kontejner">
Mezi tímto textem a horní hranou rámečku je okraj 50px. Pozadí se vykresluje až k rámečku.
</div>
</body>
</html>Výsledek:
Manuál 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í!