例
necesarryあれば柔軟なアイテムがラップしてください:
document.getElementById("main".style.flexWrap = "wrap";
»それを自分で試してみてください 定義と使用法
flexWrapプロパティは、柔軟なアイテムがラップすべきか否かを指定します。
Note:要素が柔軟アイテムでない場合、flexWrapプロパティは効果がありません。
ブラウザのサポート
flexWrapプロパティは、IE10 +、Firefoxの、オペラ座、Chromeでサポートされています。
注意:Safariは6.1以降の代替、WebkitFlexWrapプロパティをサポートしています。
構文
flexWrapプロパティを返します:
object .style.flexWrap
flexWrapプロパティを設定します。
object .style.flexWrap="nowrap|wrap|wrap-reverse|initial|inherit"
プロパティ値
値 | 説明 |
---|---|
nowrap | デフォルト値。 柔軟なアイテムが折り返さないように指定します |
wrap | 必要に応じて柔軟なアイテムがラップすることを指定します |
wrap-reverse | 必要に応じて柔軟な項目は逆の順序で、ラップすることを指定します |
initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
デフォルト値: | NOWRAP |
---|---|
戻り値: | 要素のフレックスラッププロパティを表す文字列、 |
CSSのバージョン | CSS3 |
関連ページ
CSSリファレンス: flex-wrap property
HTML DOM STYLE参考: flex property
HTML DOMのスタイル参照: flexBasis property
HTML DOM STYLE参考: flexDirection property
HTML DOM STYLE参考: flexFlow property
HTML DOMのスタイル参照: flexGrow property
HTML DOMのスタイル参照: flexShrink property
<スタイルオブジェクト