Style paddingTop 属性

定义和用法

paddingTop Sifat ini menetapkan atau mengembalikan padding atas elemen.

Sifat padding dalam mendefinisikan ruang di antara bingkai dan konten elemen.

Sifat margin dan Sifat padding Mengisi ruang di sekeliling elemen. Tetapi, perbezaan adalah, margin mengisi ruang di sekeliling garisan bingkai, sementara padding mengisi ruang di dalam garisan bingkai elemen.

Lihat juga：

Panduan CSS：Padding Dalam CSS

Panduan CSS：Sifat padding-top

Panduan HTML DOM：Sifat padding

Contoh

Contoh 1

Tetapkan padding atas elemen <div>：

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

Cuba sendiri

Contoh 2

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

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

Cuba sendiri

Contoh 3

Kembalian padding atas elemen <div>：

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

Cuba sendiri

Contoh 4

Perbezaan antara marginTop dan paddingTop：

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

Cuba sendiri

Sintaks

Kembalian sifat paddingTop：

object.style.paddingTop

Tetapkan sifat paddingTop：

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

Nilai sifat

Nilai Penerangan
% Didefinisikan padding atas dengan persen lebar elemen ibu.
length Didefinisikan padding atas dengan unit panjang.
initial Tetapkan sifat ini ke nilai lalai. Lihat initial。
inherit Mewarisi sifat ini dari elemen ibu. Lihat inherit。

Butiran teknikal

Nilai lalai： 0
Kembalian nilai： String, mewakili padding atas luaran elemen.
Versi CSS： CSS1

Browser penggunaan

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