Тип CSS `<self-position>`

Тип данных <self-position> — это перечисляемое значение, используемое свойствами justify-self и align-self, а также сокращённым свойством place-self для выравнивания блока внутри контейнера выравнивания. Оно также используется свойствами justify-items и align-items, а также сокращённым свойством place-items для задания значений по умолчанию для justify-self и align-self.

Синтаксис

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

Значения

Следующие ключевые слова представлены грамматическим термином <self-position>:

center

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

start

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

end

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

self-start

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

self-end

Выравнивает объект выравнивания вплотную к границе контейнера выравнивания, соответствующей конечной стороне объекта выравнивания.

flex-start

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

flex-end

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

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

См. также

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