CSS margin-top özelliği

Tanım ve kullanım

marginTop özelliği, öğenin üst dış kenar marjını ayarlar.

Yorum:Negatif değerlerin kullanımı izin verilmiştir.

Ayrıca bkz.:

CSS eğitimi:CSS Kenar Boşluğu

HTML DOM referans el kitabı:marginTop özelliği

Örnek

p öğesinin üst dış kenar marjını ayarlayın:

p
  {
  margin-top:2cm;
  }

Kişisel olarak deneyin

Daha fazla örnek, sayfa altında bulunabilir.

CSS dilbilgisi

margin-top: length|auto|initial|devral|;

Özellik değeri

Değer Açıklama
auto Tarayıcı tarafından ayarlanan üst dış kenar marjı.
length Sabit üst dış kenar marjı tanımlar. Varsayılan değeri 0'dır.
% Üst dış kenar marjını içerik öğesi genişliğinin yüzdesi olarak belirler.
devral Üst dış kenar marjını ebeveyn öğesinden devralması gerektiğini belirtir.

Teknik ayrıntılar

Varsayılan değer: 0
Devralabilirlik: hayır
Sürüm: CSS1
JavaScript dilbilgisi: object.style.marginTop="10px"

Daha fazla örnek

Metnin üst dış kenar marjını 1 olarak ayarlayın
Bu örnek, metnin üst kenar marjını santimetre değer kullanarak nasıl ayarlandığını gösterir.
Metnin üst dış kenar marjını 2 olarak ayarlayın
Bu örnek, metnin üst kenar marjını yüzdelik değer kullanarak nasıl ayarlandığını gösterir.

tarayıcı desteği

tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 6.0 1.0 1.0 3.5