レイアウトCSSプロパティの詳細とデモ

box-alignプロパティ - [公式(英語)]

コンテナ内の子要素の縦方向の揃え位置を指定

通常、コンテナサイズが子要素のサイズより大きい場合にはスペースが余りますが、 box-alignプロパティを使用することで、ボックス内の子要素を揃える位置、 スペースが余った場合の処理を指定できます。

ブラウザのサポート状況

Internet Explorer 6 Internet Explorer 7 Internet Explorer 8 Internet Explorer 9 Firefox Google Chorme Safari Opera
× × ×

プロパティ

start子要素がコンテナの上部に揃えられ、余ったスペースは要素の下に配置されます。
end子要素がコンテナの下部に揃えられ、余ったスペースは要素の上に配置されます。
center余ったスペースは子の前後に均等に分割される。結果としてボックス内の子要素はセンタリングされる。
baselinebox-orientプロパティの値が inline-axis か horizontal の場合、 すべての子はそれらのベースラインが揃うように配置されます。
stretchコンテナの高さに合わせられる。(初期値)