Doboz modell - Helykitöltés (padding) tulajdonság

A padding tulajdonság segítségével lehet beállítani egy doboz helykitöltésének (belső margójának) szélességét mind a négy oldalon.

Megadható értékek:

• Hosszérték (pédául: 20px)
• Százalékos érték (például: 10%) A helykitöltés szélessége a tartalmi elem szélességének megadott százaléka lesz.
• inherit: érték a szülő elemtől örökölve.

Automatikus öröklődés: Nincs

A helykitöltés színét mindig a tartalmi elem háttér tulajdonsága határozza meg.

Oldalanként külön is állítható a helykitöltés szélessége a padding-top (felső helykitöltés), a padding-right (jobb oldali helykitöltés), a padding-left (bal oldali helykitöltés) és a padding-bottom (alsó helykitöltés) tulajdonságok segítségével. A következő példában mind a négy oldalon különböző értékek lettek megadva.

<p style="border-style: solid; border-width: 2px;
   border-color: #000000; background-color: #ffff00;
   padding-top: 3px; padding-right: 30px;
   padding-bottom: 15px; padding-left: 70px">

Ami így jelenik meg:

A kereten belül a helykitöltés fölül 3 pixel, jobb oldalt 30 pixel, alul 15 pixel és bal oldalt 70 pixel.

Keret szélesség (border-width) tulajdonság »