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

align-selfプロパティ

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

構文(Syntax)

CSS

align-self: auto | stretch | center | flex-start | flex-end | baseline;

DOM(JavaScript)

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

Values

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

備考(Remarks)

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

Example