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ğeritable-caption
,table
, veinline-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ı
Markanız için 300X300 alan.
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
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.
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.