Atribut paddingRight

Definisi dan penggunaan

paddingRight Mengatur atau mengembalikan jarak kanan dalam elemen.

Atribut margin dan Atribut padding Mengisi ruang di sekitar elemen. Tetapi, perbedaan di tempat, margin mengisi ruang di sekitar border, sementara padding mengisi ruang di dalam border elemen.

Lihat pula：

Panduan CSS:Margen Dalam CSS

Panduan CSS：Atribut padding-right

Panduan HTML DOM：Atribut padding

Contoh

Contoh 1

Atur jarak kanan dalam elemen <div>：

document.getElementById("myDIV").style.paddingRight = "50px";

Coba sendiri

Contoh 2

Kembalikan jarak kanan dalam elemen <div> ke "normal"：

document.getElementById("myDIV").style.paddingRight = "0px";

Coba sendiri

Contoh 3

Kembalikan jarak kanan dalam elemen <div>：

alert(document.getElementById("myDIV").style.paddingRight);

Coba sendiri

Contoh 4

Perbedaan antara marginRight dan paddingRight：

function changeMargin() {
  document.getElementById("myDIV").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDIV2").style.paddingRight = "200px";
}

Coba sendiri

Sintaks

Kembalikan atribut paddingRight：

object.style.paddingRight

Atur atribut paddingRight：

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

Nilai atribut

Nilai Deskripsi
% Didefinisikan dengan persen lebar elemen induk untuk jarak kanan dalam.
length Didefinisikan dengan satuan panjang untuk jarak kanan dalam.
initial Atur atribut ini ke nilai standarnya. Lihat initial。
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit。

Detil teknis

Nilai baku： 0
Nilai kembalian： String, menunjukkan jarak kanan dalam elemen.
Versi CSS： CSS1

Perangkat lunak browser mendukung

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