CSS margin-block-end özelliği

Önceki sayfa margin-block
Sonraki sayfa margin-block-start

Tanım ve Kullanım

margin-block-end Özelliği, blok yönü bitişindeki dış kenar boşluğunu tanımlar.

CSS'nin margin-block ve margin-inline Özellikleri CSS'nin margin-top,margin-bottom,margin-left ve margin-right Özellikler oldukça benzerdir, ancak margin-block ve margin-inline Özellik blok yönü ve satır yönüne bağlıdır.

Uyarı:İlgili CSS özelliklerini etkiler writing-mode Blok yönünü tanımlar. Bu, bloğun başlangıç ve bitiş konumlarını ve margin-block-end Özellikin sonucu. İngilizce sayfalar için, blok yönü aşağıya doğru, satır yönü sağdan solda olacaktır.

Örnek

Örnek 1

Blok yönü bitişindeki dış kenar boşluğunu ayarlayın:

div {
  margin-block-end: 35px;
}

Kendiniz Deneyin

Örnek 2

div elementinin writing-mode Özellik değeri vertical-rl olarak ayarlandığında, blok yönü sağdan sola olur. Sonuç olarak, elementin bitiş konumu alttan solda hareket eder. Bu yüzden, writing-mode değişikliği margin-block-end etkisini de etkiler:

#parentDiv {
  writing-mode: vertical-rl;
}
#myDiv {
  margin-block-end: 50px;
}

Kendiniz Deneyin

CSS Dilbilgisi

margin-block-end: auto|length|initial|inherit;

Özellik Değeri

Değer	Açıklama
auto	Varsayılan Değer. Elemanın varsayılan dış kenar boşluğu.
length	Mesafeyi belirtin, birimleri px, pt, cm vb. içerir. Negatif değerlere izin verilir. Bakınız:CSS Birimleri.
%	Ebeveyn elementine göre satır yönlüde büyüklüğün yüzdesi olarak belirtilen mesafeyi belirtir.
initial	Bu özelliği varsayılan değerine ayarlar. Bakınız initial.
inherit	Bu özelliği ebeveyn elementinden miras alır. Bakınız inherit.

Teknik Ayrıntılar

Varsayılan Değer:	auto
Mirasçılık:	Hayır
Animasyon Yapımı:	Destekleniyor. Bakınız:Animasyon İle İlgili Özellikler.
Sürüm:	CSS3
JavaScript Dilbilgisi:	object.style.marginBlockEnd="20px"