Style paddingRight Özelliği

Tanımı ve kullanımı

paddingRight Özelliği ayarlar veya döndürür ve öğenin sağ iç kenar boşluğunu belirtir.

margin özelliği ve padding özelliği Tümü, elementin etrafına boşluk ekler. Ancak, farklar arasında, margin, kenarlık etrafında boşluk eklerken, padding, öğenin kenarlığı içinde boşluk ekler.

Ayrıca bkz:

CSS Eğitimi:CSS iç dolgu

CSS Referans Kılavuzu:padding-right özelliği

HTML DOM Referans Kılavuzu:padding özelliği

Örnek

Örnek 1

<div> öğesinin sağ iç kenar boşluğunu ayarlamak:

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

Kişisel olarak deneyin

Örnek 2

<div> öğesinin sağ iç kenar boşluğunu "normal" olarak geri almak:

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

Kişisel olarak deneyin

Örnek 3

Dönüş <div> öğesinin sağ iç kenar boşluğu:

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

Kişisel olarak deneyin

Örnek 4

marginRight ile paddingRight arasındaki fark:

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

Kişisel olarak deneyin

Sözdizimi

paddingRight özelliğini döndürün:

object.style.paddingRight

paddingRight özelliğini ayarlayın:

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

Özellik değeri

Değer Açıklama
% Sağ iç kenar boşluğunu ebeveyn öğe genişliğinin yüzdesi ile tanımlar.
length Sağ iç kenar boşluğunu uzunluk birimi ile tanımlar.
initial Bu özelliği öntanımlı değerine ayarlayın. Bakınız initial。
inherit Bu özelliği ebeveyn öğesinden miras alır. Bakınız inherit。

Teknik ayrıntılar

Öntanımlı değer: 0
Dönüş değeri: Dizge, öğenin sağ iç kenar boşluğunu belirtir.
CSS Sürümü： CSS1

Tarayıcı destekler

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek