備忘録的プログラミングリファレンス

flex-basisプロパティ

 flex-basisプロパティは、display:flex;が設定されたエレメントの子エレメントの基本となる幅を指定するプロパティです。

 flex-basisプロパティの幅は基本となる長さであり、flex-grow、flex-shrinkプロパティが設定されていると自動的に調整されます。

構文(Syntax)

CSS

flex-basis: auto | number | initial | inherit ;

DOM(JavaScript)

値の取得
String = object.style.flexBasis;
値の設定
object.style.flexBasis=" auto | number | initial | inherit ";

Values

Value摘要
auto初期値(default値)
numberCSSの長さ
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)auto
継承(Inherited)No
CSS AnimationYes