Atribut padding-bottom CSS
- halaman sebelumnya padding-block-start
- Halaman berikutnya padding-inline
Definisi dan Penggunaan
Atribut padding-bottom menetapkan lebar padding bawah elemen (ruang kosong bawah).
Keterangan
Atribut ini menetapkan lebar padding bawah elemen. Padding bawah elemen non-replace inline tidak akan mempengaruhi pengiraan tinggi baris, jadi, jika elemen ini memiliki padding dan latar belakang, dari sudut pandang visual mungkin meluas ke baris lain, mungkin masih dapat menimbulkan konflik dengan konten lain. Tidak diizinkan untuk menetapkan nilai padding bawah negatif.
Keterangan:Tidak diizinkan untuk menggunakan nilai negatif.
Lihat pula:
Panduan CSS:CSS marjin dalam
Panduan HTML DOM:Atribut paddingBottom
Contoh
Atur padding bawah elemen p:
p { padding-bottom:2cm; }
(Bisa ditemukan lebih banyak contoh di bagian bawah halaman)
Grammar CSS
padding-bottom: length|initial|inherit;
Nilai Atribut
Nilai | Deskripsi |
---|---|
length | Ditetapkan nilai padding bawah tetap dengan satuan konkrit seperti pixel, sentimeter, dll. Nilai defaultnya adalah 0px. |
% | Definisi padding bawah berdasarkan persentase lebar elemen induk. Nilai ini tidak akan beroperasi seperti yang diharapkan di semua browser. |
inherit | Ditetapkan bahwa padding bawah harus dipanggil dari elemen induk. |
Detil Teknologi
Nilai Default: | 0 |
---|---|
Inheritance: | no |
Versi: | CSS1 |
Grammar JavaScript: | object.style.paddingBottom="10px" |
TIY Contoh
- Atur padding bawah 1
- Contoh ini menunjukkan bagaimana mengatur padding bawah dalam sel menggunakan satuan sentimeter.
- Atur padding bawah 2
- Contoh ini menunjukkan bagaimana mengatur padding bawah dalam sel menggunakan persen.
Dukungan browser
Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuhnya.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- halaman sebelumnya padding-block-start
- Halaman berikutnya padding-inline