CSS min-inline-size özelliği

Önceki sayfa min-block-size
Sonraki sayfa min-height

Tanım ve Kullanım

min-inline-size Öznitelik, elemanın satır içi yöndeki en küçük boyutunu belirtir.

İçerik, satır içi yönündeki boyutu en küçük boyuttan küçükse, uygulanır. min-inline-size Özellik değeri.

İçerik, satır içi yönündeki boyutu en küçük boyuttan büyükse min-inline-size Özellik değeri etkisizdir.

Dikkat:ilgili CSS özelliklerini writing-mode Satır içi yönü tanımlar, bu da min-inline-size özelliklerinin sonuçlarıyla. İngilizce sayfalar için, blok yönü aşağıya doğru, satır içi yönse soldan sağa doğru olacaktır.

CSS min-inline-size özellikleri, CSS özellikleri min-height ve min-width Çok benzer, ancak min-inline-size Özellik, satır içi yöne bağlıdır.

Örnek

Örnek 1

Div elementinin satır içi yönündeki en küçük boyutunu 200 piksel olarak ayarlayın:

div {
  min-inline-size: 200px;
}

Kişisel olarak deneyin

Örnek 2: Yazı Modu

<div> elementinin writing-mode Özellik değeri vertical-rl olarak ayarlandığında, satır içi yönü yataydan aşağıya doğru değişir, bu da min-inline-size özelliğinin çalışma şeklini etkiler:

div {
  min-inline-size: 260px;
  writing-mode: vertical-rl;
}

Kişisel olarak deneyin

Örnek 3: min-inline-size ile inline-size

Bir örnek gözlemleyin inline-size 200px'lik <div> elementi ve bir başkası için min-inline-size İçerik boyutları değiştiğinde 200px'lik <div> elementinin farklı performansları:

#div1 {
  min-inline-size: 200px;
}
#div2 {
  inline-size: 200px;
}

Kişisel olarak deneyin

CSS Dilbilgisi

min-inline-size: auto|length|initial|inherit;

Özellik Değeri

Değer	Açıklama
auto	Öntanımlı. Elementin öntanımlı min-inline-size değeri.
length	Sabit birim (örneğin px, pt, cm vb.) kullanarak en küçük boyutu belirtin. Bakınız:CSS Birimleri.
%	En küçük boyutu, ebeveyn elementinin ilgili eksen üzerindeki boyutuna göre yüzdelik olarak belirtin.
initial	Bu özelliği, öntanımlı değerine ayarlar. Bakınız initial.
inherit	Bu özelliği, ebeveyn elementinden miras alır. Bakınız inherit.

Teknik Ayrıntılar

Öntanımlı Değer:	auto
Miras Yönlendirme:	Hayır
Animasyon Yapımı:	Desteklenir. Bakınız:Animasyon İle İlgili Özellikler.
Sürüm:	CSS3
JavaScript Dilbilgisi:	object.style.minInlineSize="10px"