#kutu1 {
    background: red;
    padding: 50px;
}

Padding özelliğine tek bir değer verirseniz tüm kenar boşlukları eşitlenir.

#kutu2 {
    background: green;
    padding: 50px 100px;
}

Padding özelliğine iki değer verirseniz ilk değer üst-alt boşlukları, ikinci değer sağ-sol boşlukları belirler.

#kutu3 {
    background: blue;
    padding: 50px 100px 150px;
}

Padding özelliğine üç değer verirseniz, ilk değer üst boşluğu, ikinci değer sağ-sol boşlukları, üçüncü değerse alt boşluğu belirler.

#kutu4 {
    background: yellow;
    padding: 50px 100px 150px 200px;
}

Padding özelliğine dört değer verirseniz, ilk değer üst boşluğu belirtmek üzere, saat yönünde dört boşluğu da ifade etmiş olursunuz.

#kutu5 {
    background: navy;
    padding-left: 50px;
    padding-right: 100px;
    padding-top: 150px;
    padding-bottom: 200px
}

İsterseniz, dört kenar boşluğunu da ayrı özelliklerle ifade edebilirsiniz.