flex-basis
Поддержка браузерами
| 11.0+ | 28.0+ | 29.0+ | 17.0+ | 9.0+ |
Описание
CSS свойство flex-basis задаёт ширину области с содержимым для flex-элемента (работает также как и свойство width).
| Значение по умолчанию: | auto |
|---|---|
| Применяется: | к flex-элементам |
| Анимируется: | да |
| Наследуется: | нет |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object.style.flexBasis="200px"; |
Синтаксис
flex-basis: число|auto;
Значения свойства
| Значение | Описание |
|---|---|
| число | Число, определяющее ширину в px, процентах или em. |
| auto | Значение по умолчанию. Ширина элемента подстраивается под его содержимое. |
Пример
CSS Свойство:
flex-basis:
Результат:
1
2
3
4
5
CSS Код:
#myBlueDiv {
flex-basis: auto;
}
flex-basis: auto;
}