flex-basis

Обновлено: 29.03.2023

flex-basis

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

Краткая информация

Значение по умолчанию auto
Наследуется Нет
Применяется К флекс-элементам
Анимируется Да

Синтаксис

flex-basis: auto | <размер>

Значения

auto Указывает автоматический размер, основанный на содержимом элемента.
<размер> Задаёт размер элемента в px, mm, pt или в процентах вдоль главной оси. При этом размер вычисляется относительно родителя. Отрицательное значение недопустимо.

Пример

Примечание

Safari до версии 9 поддерживает свойство -webkit-flex-basis.

Браузеры

flex-basis

Посмотреть совместимость на Can I use?

flex-basis