Флексы

align-content

Выравнивает элементы внутри флекс- или грид-контейнера по поперечной оси.

align-items

Свойство align-items выравнивает флекс-элементы внутри флекс-контейнера в поперечном направлении.

align-self

Свойство align-self задаёт выравнивание отдельного флекс-элемента во флекс-контейнере по поперечной оси.

column-gap

Свойство column-gap устанавливает межколоночный интервал.

flex

Сокращённое свойство, которое позволяет указать параметры элемента, чтобы он эффективно заполнял доступное пространство.

flex-basis

Свойство flex-basis определяет основу флекса, которая является начальным размером элемента.

flex-direction

Свойство flex-direction определяет, как флексы располагаются в контейнере относительно основных осей и их направление.

flex-flow

Является сокращённым свойством для отдельных свойств flex-direction и flex-wrap.

flex-grow

Определяет, сколько пространства может занимать флекс внутри контейнера.

flex-shrink

Определяет коэффициент сжатия флексов в контейнере.

flex-wrap

Свойство flex-wrap указывает, следует ли флекс-элементам располагаться в одну строку или можно занять несколько строк.

gap

Сокращённое свойство gap позволяет одновременно установить промежуток между строками и колонками элементов.

justify-content

Свойство justify-content определяет, как браузер распределяет пространство вокруг флекс-элементов вдоль главной оси контейнера.

order

Определяет порядок вывода флексов внутри флекс-контейнера.

place-content

Сокращённое свойство place-content одновременно устанавливает значения свойств align-content и justify-content.

place-items

Свойство place-items используется для одновременного выравнивания элементов по главной и поперечной осях во флекс или грид-контейнерах. place-items является сокращением для свойств align-items и justify-items.

row-gap

Свойство row-gap устанавливает межстрочный интервал.