padding-right - Český CSS 3 manuál

Vydávání, hosting a aktualizace umožňují jeho sponzoři.
Pomocí CSS 3 vlastnosti padding-right nastavujeme vzdálenost mezi pravou 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-top - Horní padding
Ukázka
<!DOCTYPE html>
<html>
<head>
<style>
#kontejner
{
border: 1px solid blue;
background-color: #BDBDF8;
padding-right: 50px;
width: 300px;
height: 100px;
}
</style>
</head>
<body>
<div id="kontejner">
Mezi tímto textem a pravou 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í!