padding-top - Český CSS 3 manuál
HTML a CSS Manuál Okraje (margin a padding) padding-top - Český CSS 3 manuál


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:

Komentáře
Zatím nikdo nevložil komentář - buď první!