Atribut paddingLeft

Definisi dan penggunaan

paddingLeft Atur atau kembalikan jarak luar kiri elemen.

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

Lihat juga：

Panduan CSS:Padding Dalam CSS

Panduan CSS：Atribut padding-left

Panduan HTML DOM：Atribut padding

Contoh

Contoh 1

Atur jarak luar kiri elemen <div>：

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

Coba sendiri

Contoh 2

Kembalikan jarak luar kiri elemen <div> ke "normal"：

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

Coba sendiri

Contoh 3

Kembalikan jarak luar kiri elemen <div>：

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

Coba sendiri

Contoh 4

Perbedaan antara marginLeft dan paddingLeft：

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

Coba sendiri

Sintaks

Kembalikan atribut paddingLeft：

object.style.paddingLeft

Atur atribut paddingLeft：

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

Nilai atribut

Nilai Deskripsi
% Didefinisikan dengan persen lebar elemen induk untuk jarak luar kiri.
length Didefinisikan dengan satuan panjang untuk jarak luar kiri.
initial Atur atribut ini ke nilai default. Lihat initial。
inherit Mengambil atribut ini dari elemen induk. Lihat inherit。

Detil teknis

Nilai default： 0
Nilai kembalian： String, menggambarkan jarak luar kiri elemen.
Versi CSS： CSS1

Browser mendukung

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