flex-basis
Установить начальная длина второго гибкого элемента равна 100 пикселям:
div:nth-of-type(2) {
flex-basis:
100px;
}
Попробуйте сами »
Определение flex-basis
CSS свойство flex-basis
определяет начальную длину гибкого элемента.
Примечание: Если элемент не является гибким элементом, CSS свойство flex-basis
не имеет никакого эффекта.
Значение по умолчанию: | auto |
---|---|
Унаследовано: | no |
Анимируемый: | yes. Читайте о animatable Попробуй |
Версия: | CSS3 |
JavaScript синтаксис: | object.style.flexBasis="200px" Попробуй |
Поддержка flex-basis
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
Цифры, за которыми следуют -webkit- или -moz - указывают первую версию, которая работала с префиксом.
Свойство | |||||
---|---|---|---|---|---|
flex-basis | 29.0 21.0-webkit- |
11.0 | 28.0 18.0-moz- |
9.0 6.1-webkit- |
17.0 |
Синтаксис flex-basis
flex-basis: number|auto|initial|inherit;
Значения flex-basis
Значение | Описание | Демонстрация |
---|---|---|
number | Единица измерения длины или процент, определяющий начальную длину гибкого изделия(ий). | Демо ❯ |
auto | Значение по умолчанию. Длина равна длине гибкого элемента. Если длина элемента не указана, длина будет соответствовать его содержимому | Демо ❯ |
initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Страницы по теме flex-basis
CSS Учебник: CSS Гибкий бокс
CSS Справочник: flex свойство
CSS Справочник: flex-direction свойство
CSS Справочник: flex-flow свойство
CSS Справочник: flex-grow свойство
CSS Справочник: flex-shrink свойство
CSS Справочник: flex-wrap свойство
HTML DOM справочник: flexBasis свойство