Style flexDirection Özelliği

Tanım ve Kullanım

flexDirection Elastik öğelerin yönünü ayarlar veya döndürür.

Yorum:Eğer element elastik bir öğe değilse, flexDirection Özellik Geçersiz

Ayrıca bkz.:

CSS İpuçları:flex-direction Özelliği

Örnek

<div>要素içerisinde elastik öğelerin yönünü yeniden düzenleme:

document.getElementById("main").style.flexDirection = "column-reverse";

Kişisel Deneyim

Gramer

flexDirection Özelliğini Dönüşüm Değeri:

object.style.flexDirection

flexDirection Özelliğini Ayarlama:

object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"

Özellik Değeri

Değer Açıklama
row Öntanımlı Değer. Elastik öğeler yatay olarak gösterilir ve bir satır olarak çalışır.
row-reverse row ile aynı, ancak ters sırayla.
column Elastik öğeler dikey olarak gösterilir ve bir sütun olarak çalışır.
column-reverse column ile aynı, ancak ters sırayla.
initial Bu özelliği, ön tanımlı değerine ayarlar. Daha fazla bilgi için bkz. initial.
inherit Bu özelliği, ebeveyn elementinden miras alır. Daha fazla bilgi için bkz. inherit.

Teknik Ayrıntılar

Öntanımlı Değer: row
Dönüşüm Değeri: Dizgi, elementin flex-direction Özelliği.
CSS Sürümü: CSS3

Tarayıcı Desteği

Tabloda gösterilen rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek 11.0 Destek 9.0 Destek

İlgili Sayfalar

HTML DOM STYLE İpuçları:flex Özelliği

HTML DOM STYLE İpuçları:flexBasis Özelliği

HTML DOM STYLE İpuçları:flexFlow Özelliği

HTML DOM STYLE İpuçları:flexGrow Özelliği

HTML DOM STYLE İpuçları:flexShrink Özelliği

HTML DOM STYLE İpuçları:flexWrap Özelliği