Style flexFlow 屬性
描述
flexFlow 屬性是 flexDirection 和 flexWrap 屬性的簡寫屬性。
flexDirection 屬性指定彈性專案的方向。
flexWrap 屬性指定彈性專案是否換行。
注意: 如果元素不是彈性專案，則 flexFlow 屬性無效。
瀏覽器支援
| 屬性 | |||||
|---|---|---|---|---|---|
| flexFlow | 是 | 11.0 | 是 | 9.0 | 是 |
語法
返回 flexFlow 屬性
object.style.flexFlow
設定 flexFlow 屬性
object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| flex-direction | 可能的值 row（行） row-reverse（反向行） column（列） column-reverse（反向列） initial inherit 預設值為 "row"。 指定彈性專案的方向 |
| flex-wrap | 可能的值 nowrap（不換行） wrap（換行） wrap-reverse（反向換行） initial inherit 預設值為 "nowrap"。 指定彈性專案是否換行 |
| initial | 將此屬性設定為其預設值。閱讀關於 initial |
| inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
| 預設值 | row nowrap |
|---|---|
| 返回值 | 一個字串，表示元素的 flex-flow 屬性 |
| CSS 版本 | CSS3 |
相關頁面
CSS 參考：flex-flow 屬性
HTML DOM STYLE 參考：flex 屬性
HTML DOM STYLE 參考：flexBasis 屬性
HTML DOM STYLE 參考：flexDirection 屬性
HTML DOM STYLE 參考：flexGrow 屬性
HTML DOM STYLE 參考：flexShrink 屬性
HTML DOM STYLE 參考：flexWrap 屬性
