Закрыть   X

  •    
  •    
Печать

box-flex

Автор: Алексей Елизаров.

CSS свойство box-flex

Поддержка браузеров

 

Описание

Свойство box-flex определяет являются ли дочерние элементы блока гибкими в размере или нет.

Элементы, которые являются гибкими, могут уменьшаться или увеличиваться при уменьшении или увеличении блока. Каждый раз, когда появляется дополнительное пространство в блоке, гибкие элементы расширяются, чтобы заполнить все пространство.
 

Значение по умолчанию: 0.0 (указывает, что элемент не гибкий)
Наследуется: нет
Версия: CSS3
Синтаксис JavaScript: object.style.boxFlex=2.0


Значения свойства

Значение Описание
значение Эластичность элемента. Вся эластичность относительна, например дочерний элемент с box-flex: 2 в два раза более эластичный, чем дочерний элемент с box-flex: 1.

div{
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari, Chrome */
display:box;
width:300px;
border:1px solid black;
}
#p1{
-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari, Chrome */
box-flex:1.0;
border:1px solid red;
}
#p2{
-moz-box-flex:2.0; /* Firefox */
-webkit-box-flex:2.0; /* Safari, Chrome */
box-flex:2.0;
border:1px solid blue;
}


 


© 2018 cssprofi.ru.Алексей Елизаров. Все права защищены
cssprofi.ru - запрещено использование материалов сайта без согласия его автора и обратной ссылки