Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - box-flex-group.

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

Свойство box-flex-group не поддерживается ни в одном из основных браузерах.

Определение и использование. Свойство box-flex-group используется для назначения гибких элементов гибких групп, то есть свойство box-flex-group задает группы динамически изменяющихся элементов, которые увеличиваются на размер родительского блока. Внимание!!! Элементы, которые являются гибкими могут сжиматься или расти, как коробка сжимается и растет.

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

Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что свойство box-flex-group, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера.


Синтаксис:

                 box-flex-group: integer; 

JavaScript синтаксис: Объект.style.boxFlexGroup = 2



Пишем некую программу:

< !DOCTYPE html>
< html>
< head>
< style> 
div#rr
{
width:550px;
height:100px;
border:1px solid black;
  
/* Firefox */
display:-moz-box;
-moz-box-flex-group: integer;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-flex-group: integer;

/* W3C */
display:box;
box-flex-group: integer;
}
< /style>
< /head>
< body>

< div id="rr">
< p>Саша< /p>
< p>Паша< /p>
< p>Наташа< /p>
< /div>

< p>< b>Внимание!!!< /b> Свойство box-orient не поддерживается в IE.< /p>

< /body>
< /html>                      

Результат программы:

Саша

Паша

Наташа

Внимание!!! Свойство box-flex-group: integer; не поддерживается в IE.




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: