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

Style flexBasis Property

<スタイルオブジェクト

200個のピクセルにフレックス項目の初期長さを設定します。

document.getElementById("myBlueDiv").style.flexBasis = "200px";
»それを自分で試してみてください

定義と使用法

flexBasisプロパティは、フレキシブルアイテムの初期長さを指定します。

Note:要素が可撓性の項目ではない場合、flexBasisプロパティは効果がありません。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

flexBasisプロパティは、IE10 +、Firefoxの、オペラ座、Chromeでサポートされています。

注意:Safariは6.1以降の代替、WebkitFlexBasisプロパティをサポートしています。


構文

flexBasisプロパティを返します:

object .style.flexBasis

flexBasisプロパティを設定します。

object .style.flexBasis=" プロパティ値
説明
number 可撓性の初期長さを指定する長さの単位、又はパーセンテージ、 item(s)
auto デフォルト値。 長さが柔軟なアイテムの長さに等しいです。 アイテムは何の長さ指定されていない場合、長さは、その内容に応じてになります
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: オート
戻り値: 要素のフレックス基本プロパティを表す文字列、
CSSのバージョン CSS3

関連ページ

CSSリファレンス: flex-basis property

HTML DOM STYLE参考: flex property

HTML DOM STYLE参考: flexDirection property

HTML DOM STYLE参考: flexFlow property

HTML DOMのスタイル参照: flexGrow property

HTML DOMのスタイル参照: flexShrink property

HTML DOMのスタイル参照: flexWrap property


<スタイルオブジェクト