Тип CSS `<content-position>`

Перечисляемый тип значений <content-position> используется свойствами justify-content и align-content, а также сокращённым свойством place-content, чтобы выравнивать содержимое блока внутри него.

Синтаксис

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

Значения

Перечисляемый тип значений <content-position> задаётся одним из следующих ключевых слов.

center

Располагает объект выравнивания по центру контейнера выравнивания.

start

Выравнивает объект выравнивания по начальной границе контейнера выравнивания.

end

Выравнивает объект выравнивания по конечной границе контейнера выравнивания.

flex-start

При flex-раскладке выравнивает объект выравнивания по границе контейнера выравнивания, соответствующей начальной стороне главной или поперечной оси flex-контейнера, в зависимости от ситуации. Для режимов раскладки, отличных от flex-раскладки, это значение идентично start.

flex-end

При flex-раскладке выравнивает объект выравнивания по границе контейнера выравнивания, соответствующей конечной стороне главной или поперечной оси flex-контейнера, в зависимости от ситуации. Для режимов раскладки, отличных от flex-раскладки, это значение идентично end.

Спецификации

См. также

• Свойства, использующие этот тип данных: align-content, justify-content, place-content
• Другие типы данных для выравнивания блоков: <baseline-position>, <content-distribution>, content-position, <overflow-position> и <self-position>
• Модуль выравнивания блоков CSS
• Модуль гибкой блочной раскладки CSS
• Модуль сеточной раскладки CSS