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

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

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

Свойство box-decoration-break позволяет разработчикам указывать, что происходит с элементом; указывать, является ли поле куском, рассматриваются в качестве осколков как одно непрерывное поле, или же каждый фрагмент отображается в виде собственного блока - каждый фрагмент сохраняет границы, отступы и другие свойства, как будто он отдельное окно; позволяет поддерживать различные свойства любых фрагментов. Получается свойство box-decoration-break задает поведение фона и границы элемента на странице-брейк или линии, элементов, на разрыве строки.

Значит, когда блок прерывается на разрыве страницы, на разрыве колонки или для внутристрочного элемента на разрыве строки, тогда свойство box-decoration-break задает то, что индивидуальные блоки будут ли обрабатываться как разорванные части одного непрерывного блока, или каждый блок будет отдельно заключаться в границы и отступы. Для фонов свойство box-decoration-break устанавливает, как получается область позиционирования фона из данных нескольких блоков, и как фон элемента вырисовывается внутри этих элементов.

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

>

Синтаксис:

                  box-decoration-break: slice|clone|         

Пишем программу - Написать box-decoration-break

< !DOCTYPE html>
< html>
< head>
< body>
< pre style="color: #009">
< style>
p span {border: 2px solid red; background: url(../fon/609.jpg);
	padding: 3px 1em; line-height: 2;}
#p01 span {box-decoration-break: slice;}
#p02 span {box-decoration-break: clone;
}
< /style>
< p class="rr">< span>< /span>< /p>
< p class="rr">< span>< /span>< /p>
< p class="rr">< span>< /span>< /p> 
< /body>
< /head>
< /html>                     

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

Это есть абзацОн содержит в себе элемент span.

Это есть абзацОн содержит в себе элемент span.

Это есть абзацОн содержит в себе элемент span.




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

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

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