En son web geliştirme öğreticiler
 

Style margin Property

<Stil Nesne

Örnek

Bir dört kenar boşluklarını ayarlayın <div> elemanı:

document.getElementById("myDiv").style.margin = "50px 10px 20px 30px";
Kendin dene "

Tanımı ve Kullanımı

marj özelliği, ayarlar veya bir öğenin marjları döndürür.

Bu tesis birinden dört değerlerine alabilir:

  • Bir değer gibi: div {margin: 50px} - dört marjları 50px olacak
  • div: İki benzeri değerler, {marjı: 50px 10px} - 10px üst ve alt kenar boşlukları sol 50px olacak ve sağ kenar boşlukları olacak
  • div {margin: 50px 10px 20px} gibi üç değer, - üst kenar boşluğu 50 piksel, sol ve sağ kenar 10px olacaksa olacaktır, alt kenar boşluğu olacak 20px
  • div: gibi dört değerleri {marjı: 50px 10px 20px 30px} - üst kenar boşluğu 50 piksel olacak, sağ kenar 10px olacak, alt kenar boşluğu 20px olacak, sol kenar boşluğu olacak 30px

marj özelliği ve bir öğenin etrafında dolgu özelliği insert uzay de. Bununla birlikte, fark dolgu bir elemanın sınır içinde boşluk ekler ise kenar, sınır çevresinde boşluk ekler olmasıdır.

Tarayıcı Desteği

Internet ExplorerFirefoxOperaGoogle ChromeSafari

marj özelliği tüm büyük tarayıcılarda desteklenir.

Sözdizimi

marj özelliği Dönüş:

object .style.margin

marjı özelliğini ayarlayın:

object .style.margin=" Mülkiyet Değerler
değer Açıklama
% ana elemanın genişliğinin% kenar boşluklarını tanımlar
length uzunluk birimi olarak kenar tanımlar
auto Tarayıcı marjlarını belirleyen (all four margins will be equal)
initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun
inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku

Teknik detaylar

Varsayılan değer: 0
Geri dönüş değeri: bir elemanın kenar temsil eden bir String,
CSS Sürüm BB1

Diğer Örnekler

Örnek

Bir dört kenar boşluklarını değiştirme <div> için eleman "25px" :

document.getElementById("myDiv").style.margin = "25px";
Kendin dene "

Örnek

Bir kenar boşluklarını Return <div> elemanı:

alert(document.getElementById("myDiv").style.margin);
Kendin dene "

Örnek

marj mülkiyet ve dolgu özelliği arasındaki fark:

function changeMargin() {
    document.getElementById("myDiv").style.margin = "100px";
}

function changePadding() {
    document.getElementById("myDiv2").style.padding = "100px";
}
Kendin dene "

İlgili Sayfalar

CSS öğretici: CSS Marjı

CSS referansı: margin property

<Stil Nesne