Örnek
Bir üst kenar boşluğunu ayarlayın <div> elemanı:
document.getElementById("myDiv").style.marginTop = "50px"; Kendin dene " Tanımı ve Kullanımı
marginTop özelliği, ayarlar veya bir öğenin üst kenar boşluğu döndürür.
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
marginTop özelliği tüm büyük tarayıcılarda desteklenir.
Sözdizimi
marginTop özelliğini Dönüş:
object .style.marginTop
marginTop özelliğini ayarlayın:
object .style.marginTop=" Mülkiyet Değerler değer Açıklama % ana elemanın genişliğinin% olarak üst kenar tanımlar length uzunluk birimi olarak üst kenar tanımlar auto tarayıcı üst kenar boşluğu belirler 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 üst kenar temsil eden bir String, CSS Sürüm BB1
Diğer Örnekler
Örnek
Bir üst kenar boşluğu değiştirme <div> geri elemanı "normal" :
document.getElementById("myDiv").style.marginTop="0px"; Kendin dene "
Örnek
Bir üst kenar boşluğu İade <div> elemanı:
alert(document.getElementById("myDiv").style.marginTop);
Kendin dene "
Örnek
marginTop ve paddingTop arasındaki fark:
function changeMargin()
{
document.getElementById("myDiv").style.marginTop="100px";
}
function changePadding()
{
document.getElementById("myDiv2").style.paddingTop="100px";
}
Kendin dene "
İlgili Sayfalar
CSS öğretici: CSS Marjı
CSS referansı: margin-top property
HTML DOM referansı: margin property
<Stil Nesne