Свойство box-flex определяет, будут ли дочерние элементы блока гибкими по размеру или нет. Гибкие элементы могут сжиматься и растягиваться вместе с изменением размеров родительского контейнера. При появлении лишнего пространства они автоматически расширяются, заполняя всё доступное место. | Значение по умолчанию: | 0.0 (указывает, что элемент не гибкий) | | Наследуется: | нет | | Версия: | CSS3 | | Синтаксис JavaScript: | object.style.boxFlex=2.0 | | Значение | Описание | | значение | Эластичность элемента. Все значения относительны: элемент с box-flex: 2 будет в два раза более гибким, чем элемент с box-flex: 1. | Пример htmlhead style type="text/css" 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; } /style/headbody div p id="p1"Привет/p p id="p2"puzzleweb.ru/p /div/body/html
|