グリッドレイアウトの列を軸に位置を設定

アイテムの列を軸に位置を設定するには、align-selfプロパティを使用します。
IEの場合は-ms-grid-row-alignプロパティを使用します。

構文

							align-self:位置;
						

指定値

値名 初期値 説明
位置
必須
stretch アイテムの列を軸にした位置をキーワードで指定。
設定可能な値は次の通り。
start ... 上寄せ
center ... 中央寄せ
end ... 下寄せ
stretch ... 両端寄せ

サンプルコード

CSS

デモ

  •  
  •  
  •  
  •  
  • start
  • center
  • end
  • strech

CSS3逆引きリファレンス一覧へ戻る