21.7. fejezet: CSS alapismeretek – Helyhagyás (Padding)
Megadja a szükséges helyet az objektum és az egyéb tartalom között.
- auto: a böngésző állítja be.
- hossz: valamilyen mértékegység szerinti érték, pl.: px, pt, cm, stb.
- %: a szülőelem százalékában állítja be az értéket.
- inherit: a szülőelem értékeit örökli.
Négy alapvető beállítás lehetséges:
- padding-top: felső hely.
- padding-right: jobb oldali hely.
- padding-bottom: alsó hely.
- padding-left: bal oldali hely.
Példa:
p {
padding-top: 50px;
padding-right: 30px;
padding-bottom: 50px;
padding-left: 80px;
}
padding: a helyhagyás teljes szabályozása (mind a négy oldal). A fenti paraméterek együttes megadása. A sorrend: felső, jobb, alsó, bal. A fenti példa ismétlése – immár rövidebb verzióval:
p {
padding: 50px 30px 50px 80px;
}
Másik lehetőség: ha csak egyetlen paramétert használunk, akkor az mind a négy oldalra vonatkozik.
Megjegyzés: a padding kipróbálásához érdemes (látható) keretes elemmel próbálkozni.
A fejezet leghitesebb forrása: https://www.w3schools.com/css/css_padding.asp