Stil kenar boşluğuTop Özellik
Örnek
Bir <div> öğesinin üst kenar boşluğunu ayarlayın:
document.getElementById("myDiv").style.marginTop = "50px";
Tanım ve Kullanım
marginTop özelliği, bir öğenin üst kenar boşluğunu ayarlar veya döndürür.
Hem margin özelliği hem de padding özelliği, bir öğenin etrafına boşluk ekler. Ancak fark, kenar boşluğunun sınırın etrafındaki boşluğu eklemesi, dolgunun ise boşluğu bir öğenin sınırının içine eklemesidir.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
marginTop | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
marginTop özelliğini döndür:
object.style.marginTop
marginTop özelliğini ayarlayın:
object.style.marginTop = "%|length|auto|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
% | Defines the top margin in % of the width of the parent element |
length | Defines the top margin in length units |
auto | The browser sets the top margin |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | 0 |
---|---|
Geri dönüş değeri: | Bir elemanın üst kenar boşluğunu temsil eden bir Dize |
CSS Sürümü | CSS1 |
Daha fazla örnek
Örnek
Bir <div> öğesinin üst kenar boşluğunu "normal" olarak değiştirin:
document.getElementById("myDiv").style.marginTop = "0px";
Örnek
Bir <div> öğesinin üst kenar boşluğunu döndür:
alert(document.getElementById("myDiv").style.marginTop);
Örnek
marginTop ve paddingTop arasındaki fark:
function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}
İlgili Sayfalar
CSS eğitimi: CSS Marjı
CSS referansı: kenar boşluğu özelliği
HTML DOM referansı: kenar boşluğu özelliği
❮ Stil Nesnesi