Sen burayı gördün, başkası da görecek. Teklifini gönder, sitenin kahramanı ol.

Sponsor'un katkılarıyla...

CSS margin Özelliği

CSS margin Özelliği

CSS margin özelliği; ögenin 4 bir tarafındaki çerçeve dışı uzaklığı belirler. Ögenin dört bir tarafını tanımlayan margin-top özelliği, margin-right özelliği, margin-bottom özelliği, ve margin-left özelliği değerini belirleyen kısaltmadır.

/ 19.05.1919?

Yazar:
SonDevrimBu Yazı
Toplam284912506
Bugün802

margin Özelliği Temel Özellikler

CSS Yazımı :
margin: [<uzunluk> | <yüzde> | auto]{1, 4};
Örnek :
margin: 13px; | margin: 13%; | margin: 1em auto 2em;
Öntanımlı Değer :
margin-top Özelliği
Üst çerçeve dışı uzaklık, 0
margin-right Özelliği
Sağ çerçeve dışı uzaklık, 0
margin-bottom Özelliği
Aşağı çerçeve dışı uzaklık, 0
margin-left Özelliği
Sol çerçeve dışı uzaklık, 0
Uygulanabilen Etiketler :
display özelliği değeri table-caption, table, ve inline-table'den başka değer alan tablo görünümlü etiketler dışında, tüm etiketler. (Yani; tablo görünümlü etiketlerden yalnızca adı geçen üç değere iye olan etiketler ve tablo görünümlü olmayan etiketlerin tümü.) ::first-letter ögelerine de uygulanabilir.
Kalıtsallık :
Yok.
Tarayıcı Desteği :
Tüm Tarayıcılar
Animasyon :
Destekleniyor animation Özelliği
Javascript :
öge.style.margin = "10px";
Sürüm :
CSS1 / CSS2 (düz. 1) / CSS Transitions / CSS Basic Box Model
Açıklama :
CSS margin özelliği etiketin çerçeve dışı boşluğunun uzunluğunu belirler.

margin Özelliği Kullanımı

Sponsor'un katkılarıyla...

Markanız için 300X300 alan.

Reklamı kapat görseli

CSS margin özelliği; ögenin 4 bir tarafındaki çerçeve dışı uzaklığı belirler. Ögenin dört bir tarafını tanımlayan margin-top özelliği, margin-right özelliği, margin-bottom özelliği, ve margin-left özelliği değerini belirleyen kısaltmadır.

Üst ve alt çerçeve dışı uzaklıklar <span> etiketi ya da <code> etiketi gibi yerleştirilmemiş satır içi seviyedeki ögelerde etkisizdir.

margin özelliği satır dışı boşlukla ilgilenirken padding özelliği ise satır içi boşlukla ilgilenir.


margin özelliği değeri tekli, çift, üçlü, ve dörtlü yazımlardan herhangi biriyle kullanılabilir. margin özelliğine gelen değerlerin her biri <uzunluk>, <yüzde>, ya da auto'dur. Eksi değerler ögeyi komşusuna öntanımlı yerden daha yakına çeker.

  • Tek değerli kullanımda: Değer dört tarafın tümü için geçerlidir.
  • Çift değerli kullanımda: İlk değer yukarı/aşağı boşlukları belirlerken ikinci değer ise sağ/sol boşlukları belirler.
  • Üç değerli kullanımda: İlk değer yukarı, ikinci değer sağ/sol boşlukları, ve son değer de aşağı boşluğu belirler.
  • Dört değerli kullanımda: Yukarıdan başlayarak saat yönünde yukarı, sağ, aşağı ve sol çerçeve dışı boşluklar belirlenir.

Ögelerin margin özelliğiyle belirlenmiş olan üst ve alt çerçeve dışı boşlukları bazen tek bir boşluk gibi görünecek biçimde çökerek o iki dış çerçeve boşluğundan büyük olan kadar olurlar. Dış çerçeve uzaklığı çökmesinin ne olduğu hakkında bilgi için CSS Kutu Modeli belgesine bakın.

İçeriği ortalamak için İçerik Ortalama belgesine bakabilirsiniz.

margin Özelliği Tarayıcı Desteği

MasaüstüTaşınabilir
Tarayıcı →Özellik ↓
Temel Destek 1 3.5 1 1 3
auto 1 3.5 1 1 6 [1]
Tarayıcı →Özellik ↓
Temel Destek 4 6 1 1 Var
auto 4 ? ? ? ?

[1] auto değeri garip mod'ta desteklenmiyor.

Kaynak: Mozilla Geliştirici Ağı - MDN 10 Yaşında - CC-BY-SA 2.5

margin Özelliğinin Alabileceği Değerler

<uzunluk>
Duruk çerçeve dışı uzaklık (boşluk).
<yüzde>
Ögeyi kapsayan blokun genişliğine göre belirlenen yüzdelik değer.
auto
Ögenin ortalanması gerektiği durumlardaki gibi, çerçeve dışı boşluğa (uzaklığa) tarayıcı kendi karar verir.

İlişkili Özellikler

padding Özelliği
Satır içi boşluğu (uzaklığı) ayarlar.
Reklamı kapat görseli

Görüş Bildirin?

Toplam Oy Sayısı : Şimdilik hiç oy verilmemiş.

Ortalama Oy Değeri : Verilen oyun geçerli olması için yapılan yorumun onaylanması gerekiyor.

Görüşler yükleniyor . . .

Yorum Ekle?

1000
CSS margin Özelliği