Style flexFlow özelliği

Tanım ve kullanım

flexFlow Özellikler flexDirection ve flexWrap Özelliklerin kısaltma özelliği.

flexDirection Özellik, elastik projelerin yönünü belirler.

flexWrap Özellik, elastik projelerin satırak satırak geçip geçmemesi gerektiğini belirler.

Yorum:Eğer element elastik öğe değilse flexFlow Özellik geçersiz.

Ayrıca bkz:

CSS referans el kitabı:flex-flow özelliği

Örnek

Elastic öğeleri sütun halinde gösterir ve satırlara geçmez:

document.getElementById("main").style.flexFlow = "column nowrap";

Kişisel olarak deneyin

Gramer

flexFlow özelliğini döndürün:

object.style.flexFlow

flexFlow özelliğini ayarlayın:

object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"

Özellik değeri

Değer Açıklama
flex-direction

Mümkün olan değerler:

  • row
  • row-reverse
  • column
  • column-reverse
  • initial
  • inherit

Öntanımlı değeri "row" tir.

Elastic projelerin yönünü belirler.
flex-wrap

Mümkün olan değerler:

  • nowrap
  • wrap
  • wrap-reverse
  • initial
  • inherit

Öntanımlı değeri "nowrap" tir.

Elastic projelerin satırak satırak geçmesi gerekip gerekmediğini belirler.
initial Bu özelliği öntanımlı değerine ayarlar. Bakınız initial.
inherit Bu özelliği ebeveyn elemanından miras alır. Bakınız inherit.

Teknik ayrıntılar

Öntanımlı değer: row nowrap
Dönüşüm değeri: Dizgi, elemanın flex-flow özelliği.
CSS sürümü: CSS3

Tarayıcı desteği

Tablodaki numaralar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Desteklenir 11.0 Desteklenir 9.0 Desteklenir

İlgili sayfalar

HTML DOM STYLE referans el kitabı:flex özelliği

HTML DOM STYLE referans el kitabı:flexBasis özelliği

HTML DOM STYLE referans el kitabı:flexDirection özelliği

HTML DOM STYLE referans el kitabı:flexGrow özelliği

HTML DOM STYLE referans el kitabı:flexShrink özelliği

HTML DOM STYLE referans el kitabı:flexWrap özelliği