![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Как создать сайт?
Как создать свой сайт легко и просто, имеются библиотеки html, css, php, javascript, jquery, web-график. автор: Васильев Олег Никандрович. КАК СОЗДАТЬ САЙТ
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Ссылки на каскадные стили CSS - box-ordinal-group.Поддержка БраузеровInternet Explorer 10 поддерживает альтернативу свойства -ms-flex-order. Firefox поддерживает альтернативу свойства -moz-box-ordinal-group. Safari и Chrome поддерживают альтернативу свойства -webkit-box-ordinal-group. Внимание!!! Гибкие коробки box-ordinal-group не поддерживаются в Internet Explorer 9 и более ранних версий. Определение и использование. Свойство box-ordinal-group определяет порядок отображения дочерних элементов коробки. Элементы с более низким значением, отображается до тех, что более высоким значением. Внимание!!! Порядок отображения элементов с одинаковым значением группы зависит от их исходного порядка. Таким образом, с помощью свойства box-ordinal-group можно установить порядок отображения элементов потомков на странице сайта и элементы с более низкими значениями данного свойства будут отображены чуть раньше, чем элементы с большими значениями. ВНИМАНИЕ!!! Чтобы свойство box-ordinal-group работало необходимо установить display:box. Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что свойство box-ordinal-group, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера. Синтаксис: box-ordinal-group: integer; Определение и Использование
Свойства Значения
Пишем программу - Указать порядок отображения дочернего элемента коробки: < !DOCTYPE html> < html> < head> < style> .box { display:-ms-flexbox; /* Internet Explorer 10 */ display:-moz-box; /* Firefox */ display:-webkit-box; /* Safari and Chrome */ display:box; border:1px solid black; } .ord1 { margin:5px; -ms-flex-order:1; /* Internet Explorer 10 */ -moz-box-ordinal-group:1; /* Firefox */ -webkit-box-ordinal-group:1; /* Safari and Chrome */ box-ordinal-group:1; } .ord2 { margin:5px; -ms-flex-order:2; /* Internet Explorer 10 */ -moz-box-ordinal-group:2; /* Firefox */ -webkit-box-ordinal-group:2; /* Safari and Chrome */ box-ordinal-group:2; } < /style> < /head> < body> < div class="box"> < div class="ord2">Первый источник< /div> < div class="ord1">Второй источник< /div> < div class="ord1">Третий источник< /div> < /div> < p>< b>Внимание!!!< /b> Гибкие контейнеры box-ordinal-group не поддерживается в IE 9 и более ранних версий.< /p> < /body> < /html> Результат программы: Первый источник
Второй источник
Третий источник
Внимание!!! Гибкие контейнеры box-ordinal-group не поддерживается в IE 9 и более ранних версий.
обратно на главную назад дальше вперед ПОНРАВИЛОСЬ?
|
доброе утро!
фотограф
Оля Леман свадьбы и торжества. нажмите сюда ![]()
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Сайт работает с 04.12.2013г. по 18-01-2021г. уже 8 лет © Права на сайт у Олега Васильева.
Копирование сайта при указании ссылки на источник. |