<content-position>

構文

<content-position> = center | start | end | flex-start | flex-end

値

<content-distribution> 列挙型の値型は以下のキーワードのいずれかを使用して指定します。

center

配置対象物を配置コンテナー内で中央揃えします。

start

配置対象物を配置コンテナーの先頭の端に寄せて配置します。

end

配置対象物を配置コンテナーの末尾の端に寄せて配置します。

flex-start

フレックスレイアウトでは、配置対象物を、フレックスコンテナーの主軸の先頭側 (main-start) または交差軸の先頭側 (cross-start) の適切な方に対応する配置コンテナーの端に寄せて配置します。フレックスレイアウト以外のレイアウトモードでは、start と同一です。

flex-end

フレックスレイアウトでは、配置対象物を、フレックスコンテナーの主軸の末尾側 (main-end) または交差軸の末尾側 (cross-end) の適切な方に対応する配置コンテナーの端に寄せて配置します。フレックスレイアウト以外のレイアウトモードでは、end と同一です。

仕様書

関連情報

• このデータ型を使用するプロパティ: align-content, justify-content, place-content
• その他のボックス配置データ型: <baseline-position>, <content-distribution>, content-position, <overflow-position>, <self-position>
• CSS ボックス配置モジュール
• CSS フレックスボックスレイアウトモジュール
• CSS グリッドレイアウトモジュール