例
80ピクセルに第フレックス項目の初期の長さを設定します。
div:nth-of-type(2) {
-webkit-flex-basis: 80px; /*
Safari 6.1+ */
flex-basis: 80px;
} »それを自分で試してみてください 定義と使用法
フレックス基礎プロパティは、柔軟な項目の最初の長さを指定します。
Note:要素が柔軟な項目でない場合は、フレックス基本プロパティは効果がありません。
| デフォルト値： | auto |
|---|---|
| 継承されました： | no |
| アニメーション： | yes. Read about animatable Try it |
| バージョン： | CSS3 |
| JavaScriptシンタックス： | object .style.flexBasis="200px" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
数字は-webkit-に続くかの接頭辞で働いていた最初のバージョンを指定します-moz-。
| プロパティ | |||||
|---|---|---|---|---|---|
| flex-basis | 29.0 21.0 -webkit- | 11.0 | 28.0 18.0 -moz- | 9.0 6.1 -webkit- | 17.0 |
CSSの構文
flex-basis:number|auto|initial|inherit;プロパティ値
| 値 | 説明 | それを再生します |
|---|---|---|
| number | 可撓性の初期長さを指定する長さの単位、またはパーセンテージ、 item(s) | それを再生します» |
| auto | デフォルト値。 長さが柔軟なアイテムの長さに等しいです。 項目がない長さ指定されていない場合、長さは、その内容に応じてになります | それを再生します» |
| initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSリファレンス： flex property
CSSリファレンス： flex-direction property
CSSリファレンス： flex-flow property
CSSリファレンス： flex-grow property
CSSリファレンス： flex-shrink property
CSSリファレンス： flex-wrap property
HTML DOMリファレンス： flexBasis property