tutorial pengembangan web terbaru
 

Style paddingBottom Property

<Style Object

Contoh

Mengatur padding bawah dari <div> elemen:

document.getElementById("myDiv").style.paddingBottom = "50px";
Cobalah sendiri "

Definisi dan Penggunaan

The paddingBottom set properti atau mengembalikan padding bawah elemen.

Kedua properti margin dan properti padding ruang insert sekitar elemen. Namun, perbedaannya adalah bahwa marjin menyisipkan ruang di sekitar perbatasan, sementara bantalan menyisipkan ruang dalam perbatasan elemen.


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Properti paddingBottom didukung di semua browser utama.


Sintaksis

Kembali properti paddingBottom:

object .style.paddingBottom

Mengatur properti paddingBottom:

object .style.paddingBottom=" Nilai properti
Nilai Deskripsi
% Mendefinisikan bagian bawah bantalan di% dari lebar elemen induk
length Mendefinisikan padding bawah dalam satuan panjang
initial Set properti ini ke nilai default. Baca tentang awal
inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default: 0
Kembali Nilai: Sebuah String, mewakili padding bawah elemen
CSS Versi CSS1

Contoh lebih

Contoh

Ubah padding bawah dari <div> elemen kembali ke "normal" :

document.getElementById("myDiv").style.paddingBottom = "0px";
Cobalah sendiri "

Contoh

Kembali padding bawah dari <div> elemen:

alert(document.getElementById("myDiv").style.paddingBottom);
Cobalah sendiri "

Contoh

Perbedaan antara marginBottom dan paddingBottom:

function changeMargin() {
    document.getElementById("myDiv").style.marginBottom = "100px";
}

function changePadding() {
    document.getElementById("myDiv2").style.paddingBottom = "100px";
}
Cobalah sendiri "

Pages terkait

CSS tutorial: CSS Padding

Referensi CSS: padding-bottom property

Referensi HTML DOM: padding property


<Style Object