A padding-top, padding-right, padding-bottom és padding-left tulajdonság

A padding tulajdonságok segítségével a doboz belső margójának szélességét lehet meghatározni. A padding tulajdonság egyszerre állítja be mind a négy tulajdonságot, míg a hosszabb nevűek a megadott oldali belső margó szélességét állítják be.

A tulajdonságoknak adható szélesség-értékek jelentése a következő:

A külső margóval ellentétben a belső margó szélessége nem vehet fel negatív értéket. Felveheti azonban az inherit értéket, előírandó a szülő elem azonos tulajdonságának öröklését.

A padding tulajdonság

Ez a tulajdonság 1-4 értéket kaphat (szóközzel elválasztva egymástól), amelyek a fenti négy tulajdonság értékeinek rövidebb megadására alkalmasak. Rendre a felső, jobboldali, alsó és baloldali értékeket jelentik a megadott értékek. Ha valamelyik érték nincs megadva, akkor a szemközti oldallal azonos értéket kapja: Egy érték esetén mind a négy oldalra érvényes, két érték esetén az első a felső és alsó értéket, a második a jobb- és baloldalit; három érték esetén az első a felső, a harmadik az alsó, a második pedig a jobb- és baloldalit jelenti.

A belső margó színe és háttérképe a background tulajdonság értékétől függ.

A következő példa felül és alul 1em, kétoldalt 2em méretű belső margót állít be, amely fehér színű lesz:

H1 {
  background: white;
  padding: 1em 2em;
}

(Az em mértékegység az elem betűméretéhez relatív méretet jelent: 1em a betűmérettel egyezik meg.)