| Название| Тип| Описание|

|------|------|-------------|

`flexDirection` |`String` | Направление, в котором flex-элементы помещаются в flex-контейнере. Свойство`flexDirection` принимает 4 разных значения:`row` (такое же, как у тестового направления),`row-reverse` (противоположность к направлению текста),`column` (то же, что и строка, но сверху вниз),and`column-reverse` (то же самое, что и row-reverse сверху вниз). Значение по умолчанию -`row`.

`flexDirection` |`String` | Направление, в котором flex-элементы помещаются в flex-контейнере. Свойство`flexDirection` принимает 4 разных значения:`row` (такое же, как у тестового направления),`row-reverse` (противоположность к направлению текста),`column` (то же, что и строка, но сверху вниз),и`column-reverse` (то же самое, что и row-reverse сверху вниз). Значение по умолчанию -`row`.

`flexWrap` |`String` | Устанавливает, должны ли flex-элементы принудительно располагаться на одной строке или могут быть на нескольких строк. Если задано несколько строк, то также определяется поперечная ось (cross-axis), которая определяет направление добавляемых новых строк. Свойство`flexWrap` принимает 3 разных значения:`nowrap` (одна строка, которая может вызвать переполнение контейнера),`wrap` (несколько строк, чьё направление определяется свойством flexDirection) и`wrap-reverse` (несколько строк, в противоположность направлению, заданному свойством flexDirection). По умолчанию -`nowrap`.

`justifyContent` | `String` | Устанавливает выравнивание вдоль основной оси (main axis). Это помогает распределить дополнительное свободное место, оставшееся после того, как все flex-элементы в строке не являются flex-элементами или если flex-элементы достигли своего максимального размера. Это свойство также оказывает некоторый контроль над выравниванием элементов, когда они переполняют строку. Свойство justifyContent property принимает 5 разных значений: `flex-start` (элементы заполняются к началу строки), `flex-end` (элементы заполняются к концу строки), `center` (элементы центрируются вдоль строки), `space-between` (элементы равномерно заполняются по строке; первый элемент находится в начале строки, последний элемент в конце),and `space-around` (элементы равномерно заполняются по строке с равным расстоянием вокруг них). Значение по умолчанию - `flex-start`.

`justifyContent` | `String` | Устанавливает выравнивание вдоль основной оси (main axis). Это помогает распределить дополнительное свободное место, оставшееся после того, как все flex-элементы в строке не являются flex-элементами или если flex-элементы достигли своего максимального размера. Это свойство также оказывает некоторый контроль над выравниванием элементов, когда они переполняют строку. Свойство justifyContent property принимает 5 разных значений: `flex-start` (элементы заполняются к началу строки), `flex-end` (элементы заполняются к концу строки), `center` (элементы центрируются вдоль строки), `space-between` (элементы равномерно заполняются по строке; первый элемент находится в начале строки, последний элемент в конце),и `space-around` (элементы равномерно заполняются по строке с равным расстоянием вокруг них). Значение по умолчанию - `flex-start`.

`alignItems` | `String` | Устанавливает, как flex-элементы располагаются поперечной оси (cross axis) на текущей строке. Вы можете думать об этом, как версия `justifyContent` для поперечной оси (перпендикулярно основной оси). Свойство `alignItems` принимает 5 разных значений: `flex-start` (отступ края cross-start элементов располагается в строке cross-start), `flex-end` (отступ края cross-end элементов располагается в строке cross-end), `center` (элементы выравниваются по центру по поперечной оси), `baseline` (элементы выравниваются по аналогии с выравниванием по базовой линии), `stretch` (растягиваются для заполнения, но всё ещё учитывают `min-width`/`max-width`). Значение по умолчанию - `stretch`.

`alignContent` | `String` | Устанавливает, как flex-элементы выравниваются в flex-контейнере по поперечной линии, аналогично тому, как `justifyContent` выравнивает отдельные элементы внутри основной оси. Свойство `alignContent` принимает 6 разных значений: `flex-start` (строки располагаются к началу контейнера), `flex-end` (строки располагаются к концу контейнера), `center` (строки располагаются по центру контейнера), `space-between` (строки распределены равномерно; первая строка находится в начала контейнера, в то время как последняя - в конце), `space-around` (строки распределены равномерно с равным пространством между ними) и `stretch` (строки растягиваются, чтобы занять всё оставшиеся место). Значение по умолчанию - `stretch`. Это свойство не работает, когда flex-контейнер содержит только одну строку.

|------|------|-------------|

`order` |`Number` | Изменяет порядок сортировки элементов по умолчанию

`flexGrow` |`Number` | Значение без единиц измерения, которое служит пропорцией, указывающей, может ли flex-элемент расти, если это необходимо. Он определяет, какое количество свободного пространства внутри flex-контейнера должно заняться.

`flexShrink` |`Number` | Значение, указывающее "фактор сжатия flex-элементов" ("flex shrink factor"), который определяет, насколько flex-элемент будет уменьшаться относительно остальных flex-элементов в flex-контейнере, когда в строке недостаточно места. При опускании этого свойства, его значение устанавливается равным 1, а фактор сжатия flex-элементов умножается на базовый размер flex-элемента (flex basis

) при распределении отрицательного пространства.

`flexShrink` |`Number` | Значение, указывающее "фактор сжатия flex-элементов" ("flex shrink factor"), который определяет, насколько flex-элемент будет уменьшаться относительно остальных flex-элементов в flex-контейнере, когда в строке недостаточно места. При опускании этого свойства, его значение устанавливается равным 1, а фактор сжатия flex-элементов умножается на базовый размер flex-элемента (flex basis) при распределении отрицательного пространства.

`alignSelf` | `String` | Устанавливает, как flex-элементы располагаются поперечной оси (cross axis) на текущей строке. Вы можете думать об этом, как версия `justifyContent` для поперечной оси (перпендикулярно основной оси). Свойство `alignItems` принимает 5 разных значений: `flex-start` (отступ края cross-start элементов располагается в строке cross-start), `flex-end` (отступ края cross-end элементов располагается в строке cross-end), `center` (элементы выравниваются по центру по поперечной оси), `baseline` (элементы выравниваются по аналогии с выравниванием по базовой линии), `stretch` (растягиваются для заполнения, но всё ещё учитывают `min-width`/`max-width`). Значение по умолчанию - `stretch`.

`flexWrapBefore` |`Boolean` | Логическое значение, контролирующее правила вывода элемента. Установка его в`true` заставит элемент "обёртываться" в новую строку. Значение по умолчанию`false` . (Это свойство не является частью официальной спецификации Flexbox.)