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-start | cross axis（交差軸）のスタート位置。 |
| flex-end | cross axis（交差軸）のエンド位置。 |
| baseline | ベースライン位置。 |
| initial | 初期値に戻す。 |
| inherit | 親エレメントのプロパティを継承。 |
備考（Remarks）
| 初期値（Default value） | stretch |
| 継承（Inherited） | no |
| 変化（Animatable） | no |