Style flexWrap 属性

定義と使用法

flexWrap 属性は、エラストアイテムがリネームされるべきかどうかを指定します。

注意：要素がエラストアイテムでない場合、 flexWrap 属性が無効です。

も参照してください：

CSS リファレンスマニュアル：flex-wrap 属性

例

必要に応じて、エラストアイテムをリネームする：

document.getElementById("main").style.flexWrap = "wrap";

自分で試してみる

構文

flexWrap 属性を返す：

object.style.flexWrap

flexWrap 属性を設定する：

object.style.flexWrap = "nowrap|wrap|wrap-reverse|initial|inherit"

属性値

値 説明
nowrap デフォルト値。エラストアイテムがリネームされないことを指定します。
wrap 必要に応じて、エラストのアイテムがリネームされることを指定します。
wrap-reverse 必要に応じて、エラストイのアイテムが逆の順序でリネームされることを指定します。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit この属性を親要素から継承します。参照してください inherit。

技術的詳細

デフォルト値： nowrap
返り値： 文字列で、要素の flex-wrap 属性。
CSS バージョン： CSS3

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート 11.0 サポート 9.0 サポート

関連ページ

HTML DOM STYLE リファレンス: flex 属性

HTML DOM STYLE リファレンス: flexBasis 属性

HTML DOM STYLE リファレンス: flexDirection 属性

HTML DOM STYLE リファレンス: flexFlow 属性

HTML DOM STYLE リファレンス: flexGrow 属性

HTML DOM STYLE リファレンス: flexShrink 属性