Свойство flex-basis в CSS
- предыдущая страница flex
- следующая страница flex-direction
определение и использование
атрибут flex-basis определяет начальную длину эластичного элемента.
Примечание:если элемент не является эластичным элементом, то атрибут flex не действует.
еще参阅:
Обучение CSS: CSS эластичный контейнер
Руководство по CSS:атрибут flex
Руководство по CSS:атрибут flex-direction
Руководство по CSS:атрибут flex-flow
Руководство по CSS:атрибут flex-grow
Руководство по CSS:атрибут flex-shrink
Руководство по CSS:атрибут flex-wrap
Руководство по HTML DOM:атрибут flexBasis
пример
установить начальную длину второго эластичного элемента в 100 пикселей:
div:nth-of-type(2) {
flex-basis: 100px;
}
CSS синтаксис
flex-basis: number|auto|initial|inherit;
значение атрибута
| значение | описание |
|---|---|
| number | единицы длины или проценты, определяющие начальную длину эластичного элемента. |
| auto | по умолчанию. Длина равна длине эластичного элемента. Если длина элемента не определена, длина будет зависеть от его содержимого. |
| initial | установить этот атрибут в его значение по умолчанию. См. также: initial. |
| inherit | иногда этот атрибут наследуется от родительского элемента. См. также: inherit. |
технические детали
| по умолчанию: | auto |
|---|---|
| наследование: | нет |
| создание анимации: | поддерживается. См. также:атрибуты, связанные с анимацией. |
| версия: | CSS3 |
| JavaScript синтаксис: | object.style.flexBasis="200px" |
поддержка браузеров
числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
числа с префиксами -webkit- или -moz- указывают на первую версию, которая использует префикс.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
- предыдущая страница flex
- следующая страница flex-direction
