最新のWeb開発のチュートリアル
 

Style flexWrap Property

<スタイルオブジェクト

necesarryあれば柔軟なアイテムがラップしてください:

document.getElementById("main".style.flexWrap = "wrap";
»それを自分で試してみてください

定義と使用法

flexWrapプロパティは、柔軟なアイテムがラップすべきか否かを指定します。

Note:要素が柔軟アイテムでない場合、flexWrapプロパティは効果がありません。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


<スタイルオブジェクト