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