CSS inline-size özelliği

Önceki sayfa initial-letter
Sonraki sayfa inset

Tanım ve Kullanım

inline-size Özellik, elementin satır içi yönündeki boyutunu belirtir.

Dikkat:İlgili CSS Özellikleri writing-mode satır içi yönünü tanımlar, bu da inline-size özelliklerinin sonuçlarıdır. İngilizce sayfalar için, satır içi yönü soldan sağa, blok yönü ise aşağıya doğru olacaktır.

CSS'nin inline-size ve block-size özellikleri CSS'nin width ve height özellikleri çok benzerdir, ancak inline-size ve block-size Özellik, satır içi ve blok yönlerine bağlıdır.

Örnek

Örnek 1

<div> elementinin satır içi yönündeki boyutunu ayarlamak için:

div {
  inline-size: 200px;
}

Kendi Kendine Deneyin

Örnek 2

olarak belirlenmiş <div> elementinin writing-mode özellik değeri vertical-rl olduğunda, satır içi yönü yataydan dikey aşağıya dönüştürür, bu da inline-size Özelliğin Çalışma Yöntemi:

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

Kendi Kendine Deneyin

CSS Dilbilgisi

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

Özellik Değeri

Değer	Tanım
auto	Varsayılan Değer. Elementin varsayılan inline-size değeri.
length	Satır içi yönün boyutunu belirler, birimleri px, pt, cm vb. olabilir. Negatif değerlerin kullanılmasına izin verilir. bkz.:CSS Birimleri.
%	Ebeveyn elementine göre, ilgili eksen üzerindeki boyutun yüzdesi olarak belirlenir.
initial	Bu özelliği, varsayılan değerine ayarlar. bkz.: initial.
inherit	Bu özelliği, ebeveyn elementinden miras alır. bkz.: inherit.

Teknik Ayrıntılar

Varsayılan Değer:	auto
Mirasçılık:	Hayır
Animasyon Yapımı:	Desteği Var. Aşağıdan bkz.:Animasyon İle İlgili Özellikler.
Sürüm:	CSS3
JavaScript Dilbilgisi:	object.style.inlineSize="250px"