Авторский знак. 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 31


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

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

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

Google Chrome Google Chrome Firefox Firefox Safari Сафари.

Свойство box-direction задает обычное( от верхней или левой границ) или обратное( от нижней или правой) направление контента в элементе.

Используемые значения. normal - Отображение дочерних элементов в горизонтальных блоках слева направо, а в вертикальных сверху вниз. reverse - Отображение дочерних элементов в горизонтальных блоках справа налево, а в вертикальных снизу вверх. inherit - Указывает, что значение наследуется от родительского элемента. Значением по умолчанию является значение normal. Атрибут каскадных таблиц стилей( CSS) при этом не наследуется. Внимание!!! Ориентация элемента может быть горизонтальной или вертикальной, значит будет влиять на то, как будет размещен контент. Если для box-align задано значение start, то при горизонтальной ориентации размещение контента начинается от верхней границы элемента, а при вертикальной - от левой. Если направление в элементе задано с помощью атрибуты dir, то задание направления с помощью box-direction для элемента отбрасывается.

Применяя свойство box-direction легко и просто изменять направление построения дочерних блоков в родительском( варианты создания меню для любителей экспериментов).

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


Синтаксис:

              box-direction: normal| reverse|

Пишем программу - пишем программу для box-direction:

< style>
#rr {
	box-direction:reverse;
	}
< /style>
< div id="rr">< div style="width:70;height:70;background:#F00;">Box1
< /div>< div style="width:150;height:150;background:#05F;">Box2< /div>
< div style="width:200;height:200;background:#FF0;">Box3< /div>< /div>                     

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

Box1
Box2
Box3



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
... ... ...

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

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