Properti Style paddingTop

Definisi dan penggunaan

paddingTop Atribut mengatur atau mengembalikan padding atas elemen.

Atur ruang antara garis bata elemen dan konten elemen.

Atribut margin dan Atribut padding Mengisi ruang di sekeliling elemen. Tetapi, perbedaan di tempat, margin mengisi ruang di sekitar garis bata, sedangkan padding mengisi ruang di dalam garis bata elemen.

Lihat juga:

Pelajaran CSS:Padding Dalam CSS

Panduan CSS:Atribut padding-top

Panduan HTML DOM:Atribut padding

Contoh

Contoh 1

Setel padding atas elemen <div>:

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

Coba sendiri

Contoh 2

Kembalikan padding atas elemen <div> ke "normal":

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

Coba sendiri

Contoh 3

Kembalikan padding atas elemen <div>:

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

Coba sendiri

Contoh 4

Perbedaan antara marginTop dan paddingTop:

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

Coba sendiri

Sintaks

Kembalikan atribut paddingTop:

object.style.paddingTop

Setel atribut paddingTop:

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

Nilai atribut

Nilai Deskripsi
% Didefinisikan padding atas dalam persen lebar elemen induk.
length Didefinisikan padding atas dengan satuan panjang.
initial Setel atribut ini ke nilai baku. Lihat initial。
inherit Mengambil atribut ini dari elemen induk. Lihat inherit。

Detil teknis

Nilai baku： 0
Nilai kembalian： String yang menyatakan padding atas elemen.
Versi CSS： CSS1

Browser mendukung

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