HTML DOM Style flexShrink недвижимость
примеров
Пусть синий элемент DIV сократится до одной пятой другого гибкого проекта:
document.getElementById("myBlueDiv".style.flexShrink = "5";
Попробуйте »
Определение и использование
Атрибут flexShrink определяет проект будет гибким по отношению к другим элементам в том же объеме контейнера усадки.
Примечание: Если элемент не гибкие элементы, flexShrink свойство не работает.
Поддержка браузеров
Firefox, Opera и Chrome поддерживают свойство flexShrink.
грамматика
Назад flexShrink свойства:
object .style.flexShrink
Настройка свойств flexShrink:
object .style.flexShrink="number|initial|inherit"
Значение свойства
| 值 | 描述 |
|---|---|
| number | 一个数字，规定项目将相对于其他灵活的项目进行收缩的量。默认值是 0。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
технические детали
| По умолчанию: | 1 |
|---|---|
| Возвращает: | Строка, представляющая Flex-сжиматься атрибут элемента. |
| версия CSS | CSS3 |
Статьи по Теме
CSS Reference Manual: Flex-Shrink недвижимость
HTML DOM СТАЙЛ Справка: Flex Properties
HTML DOM СТИЛЬ Ссылка: flexBasis недвижимость
HTML DOM СТИЛЬ Ссылка: flexDirection недвижимость
HTML DOM СТИЛЬ Ссылка: FlexFlow недвижимость
HTML DOM СТИЛЬ Ссылка: flexGrow недвижимость
HTML DOM СТИЛЬ Ссылка: flexWrap недвижимость