CSS'de padding-bottom; bir elemanın içeriği ve kenarlıkları arasındaki boşluğu belirler. Başka bir deyişle, bir elemanın alt kenarı ve içeriği arasındaki boşluğu ayarlar. Bu özellik, bir elemanın içeriğine ekstra boşluk eklemek için kullanılabilir. Bu, özellikle elementin alt kısmında bulunan diğer elementlerin sınırlarını göstermek için yararlıdır.
padding-bottom özelliği çoğu HTML elemanı için kullanılabilir. Bunlar, div, p, h1-h6, span, input, img ve diğer birçok elemandır.
padding-bottom özelliği, piksel veya yüzde olarak belirtilebilir. Piksel (px) birimleri, sabit bir değere sahip oldukları için, bir elementin boyutları değiştiğinde boşluk boyutu sabit kalır. Yüzde (%) birimleri ise, elemanın boyutuna göre değişir. Bu, elementin boyutları değiştiğinde boşluk boyutunun da değişmesi anlamına gelir.
Aşağıdaki örnek kodlarda, bir div elemanına padding-bottom uygulayarak alt boşluğunu ayarlıyoruz.
Örnek Kodlar:
```css
div {
padding-bottom: 20px; /* alt boşluğu 20 piksel olarak ayarlayın */
}
```
```css
div {
padding-bottom: 5%; /* alt boşluğu elemanın genişliğinin% 5'ine ayarlayın */
}
```
```css