Atribut paddingBottom Style

Definisi dan penggunaan

paddingBottom Atur atau kembalikan jarak bawah dalam elemen.

Atribut margin dan Atribut padding Semua menambahkan ruang di sekitar elemen. Tetapi, perbedaan di tempat, margin menambahkan ruang di sekitar garis bingkai, sementara padding menambahkan ruang di dalam garis bingkai elemen.

Lihat Juga：

Pelajaran CSS：Margin dalam CSS

Panduan CSS：Atribut padding-bottom

Panduan HTML DOM：Atribut padding

Contoh

Contoh 1

Atur jarak bawah elemen <div>：

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

Coba Sendiri

Contoh 2

Kembalikan jarak bawah elemen <div> ke "normal"：

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

Coba Sendiri

Contoh 3

Kembalikan jarak bawah dalam elemen <div>：

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

Coba Sendiri

Contoh 4

Perbedaan antara marginBottom dan paddingBottom：

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

Coba Sendiri

Sintaks

Kembalikan atribut paddingBottom：

object.style.paddingBottom

Atur atribut paddingBottom：

object.style.paddingBottom = "%|length|initial|inherit"

Nilai Atribut

Nilai Deskripsi
% Definiskan jarak bawah dalam persen lebar elemen induk.
length Definiskan jarak bawah dalam satuan panjang.
initial Atur atribut ini ke nilai default. Lihat initial。
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit。

Detil Teknologi

Nilai Default： 0
Nilai Kembalian： String yang menunjukkan jarak bawah dalam elemen.
CSS Versi： CSS1

Dukungan peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan