CSS margin-inline-end özelliği

Önceki sayfa margin-inline
Sonraki sayfa margin-inline-start

Tanım ve Kullanım

margin-inline-end Özelliği, satır içi yönelim ucunun marjını belirtir.

CSS'nin margin-inline ilgili CSS özelliklerini margin-block Özellikleri margin-top,margin-bottom,margin-left ilgili CSS özelliklerini margin-right Özellikleri çok benzerdir, ancak margin-inline ilgili CSS özelliklerini margin-block Özellik blok yönelimine ve satır içi yönelimine bağlıdır.

Uyarı:etkiler. writing-mode ilgili CSS özelliklerini direction Satır içi yönelimi tanımlar. Bu, elementin başlangıç ve bitiş konumlarını ve margin-inline-end Özellikin sonucu. İngilizce sayfalar için, blok yönelimi aşağıya, satır içi yönelim ise sağdan sola olacaktır.

Örnek

Örnek 1

Satır içi yönelim ucunun marjını ayarlar:

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

Kişisel Deneyim

Örnek 2

<div> elementinin writing-mode Özellik değeri 'vertical-rl' olarak ayarlandığında, satır içi yönelim aşağıya olacaktır. Sonuç olarak, elementin ucu sağdan aşağıya taşınır:

div {
  margin-inline-end: 50px;
  writing-mode: vertical-rl;
}

Kişisel Deneyim

Örnek 3

<div> elementinin direction Özellik değeri 'rtl' olarak ayarlandığında, satır içi yönelim sağdan sola olacaktır. Sonuç olarak, elementin ucu sağdan sola taşınır:

div {
  margin-inline-end: 50px;
  direction: rtl;
}

Kişisel Deneyim

CSS Dilbilgisi

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

Özellik Değeri

Değer	Açıklama
auto	Varsayılan Değer. Elementin varsayılan margin-inline-end değeri.
length	px, pt, cm gibi birimlerle margin-inline-end belirlenir. Negatif değerlere izin verilir. Aşağıdan Bakın:CSS Birimleri.
%	margin-inline-end, satır içi yönde ebeveyn elementin büyüklüğünün yüzdesi ile belirlenir.
initial	Bu özelliği varsayılan değerine ayarlar. Bakınız initial.
inherit	Bu özelliği ebeveyn elementinden devralır. Bakınız inherit.

Teknik Ayrıntılar

Varsayılan Değer:	auto
Geçirirlik:	Hayır
Animasyon Yapımı:	Desteği Var. Aşağıdan Bakın:Animasyon İle İlgili Özellikler.
Sürüm:	CSS3
JavaScript Dilbilgisi:	object.style.marginInlineEnd="50px"