Vlastnost CSS Padding se používá k definování prostoru mezi obsahem prvku a okrajem prvku .
Liší se od okraje CSS ve způsobu, jakým okraj CSS definuje prostor kolem prvků. Odsazení CSS je ovlivněno barvami pozadí. Vyčistí oblast kolem obsahu.
Horní, spodní, levé a pravé polstrování lze nezávisle měnit pomocí samostatných vlastností. Můžete také změnit všechny vlastnosti najednou pomocí vlastnosti zkrácené výplně.
Vlastnosti odsazení CSS
| Vlastnictví | Popis |
|---|---|
| vycpávka | Slouží k nastavení všech vlastností výplně v jedné deklaraci. |
| polstrování-vlevo | Používá se k nastavení levého odsazení prvku. |
| vycpávka-vpravo | Slouží k nastavení správného odsazení prvku. |
| polstrování-top | Používá se k nastavení horního odsazení prvku. |
| vycpávka-dno | Používá se k nastavení spodního odsazení prvku. |
Hodnoty odsazení CSS
| Hodnota | Popis |
|---|---|
| délka | Používá se k definování pevného odsazení v pt, px, em atd. |
| % | Definuje výplň v % obsahujícího prvku. |
Příklad CSS padding
p { background-color: pink; } p.padding { padding-top: 50px; padding-right: 100px; padding-bottom: 150px; padding-left: 200px; } <p>This is a paragraph with no specified padding.</p> <p>This is a paragraph with specified paddings.</p> Otestujte to hned Výstup:
Toto je odstavec bez specifikovaného odsazení.
Toto je odstavec s určenými výplněmi.