Style marginRight Özelliği

Tanım ve Kullanım

marginRight özellikleri, elemanın sağ dış kenar boşluğunu ayarlar veya döndürür.

margin özelliği ve padding özelliği Tümü, elemanın etrafına boşluk ekler. Ancak, fark, margin'in kenar çizgisi etrafında boşluk eklemesi, padding'in ise elemanın kenar çizgisi içinde boşluk eklemesi yönündedir.

Ayrıca bakınız：

CSS Eğitimi：CSS dış kenar boşluğu

CSS Referans Kılavuzu：margin-right özelliği

HTML DOM Referans Kılavuzu：margin özelliği

Örnek

Örnek 1

<div> elemanın sağ dış kenar boşluğunu ayarlamak:

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

Kişisel olarak deneyin

Örnek 2

<div> elemanın sağ dış kenar boşluğunu "normal" olarak geri almak:

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

Kişisel olarak deneyin

Örnek 3

Dönüş <div> elemanın sağ dış kenar boşluğu:

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

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

Gramer

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

object.style.marginRight

marginRight özelliğini ayarlayın:

object.style.marginRight = "%|length|auto|initial|inherit"

Özellik değeri

Değer Açıklama
% Ebeveyn elemanının genişliğinin yüzdesi ile sağ dış kenar boşluğu tanımlar.
length Uzunluk birimi ile sağ dış kenar boşluğu tanımlar.
auto Tarayıcı sağ dış kenar boşluğunu ayarlar.
initial Bu özelliği varsayılan değerine ayarlar. Görünüm: initial。
inherit Bu özelliği ebeveyn elemanından devralır. Görünüm: inherit。

Teknik ayrıntılar

Varsayılan değer： 0
Dönüş değeri： dizge, elemanın sağ dış kenar boşluğunu temsil eder.
CSS sürümü： CSS1

tarayıcı destekler

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