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

align-itemsプロパティ

 align-itemsプロパティは、display:flex;において初期の配置位置を設定するプロパティです。

 display:flex;が設定されたエレメントの、特定の子エレメントの配置位置を単独で設定したい場合はalign-selfプロパティを使います。

構文(Syntax)

CSS

align-items: stretch | center | flex-start | flex-end | baseline;

DOM(JavaScript)

値の取得
object.style.alignItems
値の設定
object.style.alignItems="_value_"

Values

Value摘要
stretch初期値(default値)。
center中心に。
flex-startcross axis(交差軸)のスタート位置。
flex-endcross axis(交差軸)のエンド位置。
baselineベースライン位置。
initial初期値に戻す。
inherit親エレメントのプロパティを継承。

備考(Remarks)

初期値(Default value)stretch
継承(Inherited)no
変化(Animatable)no

Example