Ссылки на каскадные стили CSS - box-decoration-break.
Поддержка Браузеров
Интернет эксплорер
Google Chrome
Опера
Firefox
Сафари, то есть поддерживается во всех основных браузерах.
Свойство box-decoration-break позволяет разработчикам указывать, что происходит с элементом; указывать, является ли поле куском, рассматриваются в качестве осколков как одно непрерывное поле, или же каждый фрагмент отображается в виде собственного блока - каждый фрагмент сохраняет границы, отступы и другие свойства, как будто он отдельное окно; позволяет поддерживать различные свойства любых фрагментов. Получается свойство box-decoration-break задает поведение фона и границы элемента на странице-брейк или линии, элементов, на разрыве строки.
Значит, когда блок прерывается на разрыве страницы, на разрыве колонки или для внутристрочного элемента на разрыве строки, тогда свойство box-decoration-break задает то, что индивидуальные блоки будут ли обрабатываться как разорванные части одного непрерывного блока, или каждый блок будет отдельно заключаться в границы и отступы. Для фонов свойство box-decoration-break устанавливает, как получается область позиционирования фона из данных нескольких блоков, и как фон элемента вырисовывается внутри этих элементов.
Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что свойство box-decoration-break, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера. Есть ссылки в Rambler, Google, Mail, Yandex, Facebook, Twitter, ВК. Хочу несколько моделей картин закинуть в Pinterest на данную тему. Те, которые заходят Rambler, Google, Mail, Yandex, Facebook, Twitter, ВК обязательно оставьте комментарий о прочитанном. >
Синтаксис:
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.
обратно на главную назад дальше вперед
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|