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

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

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Свойство inline-box-align определяет, какая строка в многострочном встроенном блоке согласована с предыдущей и следующей( inline) элементов в строке, то есть свойство inline-box-align определяет, как выравнивать дочерние элементы в блоке.

Дочерние элементы в блоке могут располагаться как горизонтально, так и вертикально. Свойство inline-box-align дает возможность задать растягивание дочерних элементов в родительском, значит очень просто разместить: 3 блока горизонтально, растянув их по вертикали на 100% родительского, а по горизонтали каждый займет треть. Аналогично и с вертикальным выравниванием. Было обычно у блока по умолчанию ширина 100% родительского, высота зависила от размера контента. И растянуть блок на 100% родительского по высоте было трудновато. Свойство inline-box-align как видите облегчает нам работу по оформлению своего сайта.

Крайне интересное и полезное тут не в том, что совершается какое-то изменение какого-то участка( тега) страницы сайта. Вся удивительная и необходимая информация состоит в том, что свойство inline-box-align, которое действует через стили CSS3 самостоятельно и независимо работает даже при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать.


Синтаксис:

          inline-box-align:initial|last|!important;

Описание и Использование

Значение по умолчанию: stretch
Наследуется: нет
Версия: CSS3
JavaScript синтаксис: object.style.InlineBoxAlign="last"


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

Значение Описание
initial
last
!important


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

< style>
#rr {
	width:50%;
	height:15%;
	inline-box-align:last;
	}

< div id="rr">< span>Суть слова - сайт о разгадке древних слов.< /span>
< span> Интересный сайт.< /span>
< span> Читайте внимательно и удивляйтесь.< /span>< /div>                      

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

Суть слова - сайт о разгадке древних слов. Интересный сайт. Читайте внимательно и удивляйтесь.



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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: