Määrab vaheala (ehk tühja ala) plokk-elemendi sees. Selle vaste on atribuut margin, mis määrab vaheala plokk-elemendi ümber!
NB! Ole ettevaatlik padding atribuutide kasutamisel, kuna Internet Explorer (kuni 6. seeriani) rakendab neid väärtusi teistest lehitsejatest erinevalt. Nimelt lahutab IE padding-atribuudi väärtused maha fikseeritud ploki laiusest/kõrgusest. Korreknte oleks aga liita padding elemendi väärtus olemasolevatele kõrgust ja laiust määravate atribuutide väärtustele.
Üks võimalus vaheala määramiseks on atribuut padding üksinda. Selle abil on võimalik määrata vaheala plokk-elemendi kõigile külgedele kasutades mõõtühikuid (px, pt, em) või protsenti. Atribuudil padding võib olla mitu väärtust:
margin: 10px 20px) määratakse esimene väärtus (meie näites 10px) ülemisele ja alumisele küljele, teine väärtus (meie näites 20px) vasakule ja paremale küljele;margin: 10px 20px 30px) määratakse esimene väärtus ülemisele küljele, teine väärtus vasakule ja paremale küljele, kolmas väärtus alumisele küljele;margin: 10px 20px 30px 40px) määratakse esimene väärtus ülemisele küljele, teine väärtus parempoolsele küljele, kolmas väärtus alumisele küljele ning neljas väärtus vasakpoolsele küljele.Vaheala kogu plokk-elemendile:
div {
padding: 10px;
}
Vaheala kõigile plokk-elemendi külgedele:
div {
padding: 10px 0 20px 0;
}
Vaheala saab määrata igale plokk-elemendi küljele eraldi kasutades konkreetselt selle külje kohta käivat atribuuti. Siinkohal saab kasutada vaid ühekordset väärtust.
padding-top ülemine külg;padding-right parem külg;padding-bottom alumine külg;padding-left vasak külg.Vaheala vaid ülemisele küljele:
div {
padding-top: 10px;
}