Рассмотрим быстрый способ, как использовать эти свойства в своих интересах.
Создайте два класса стилей, названные, например, . break_after и . break_before:
.break_before { page-break-before: always:
.break_after { page-break-after: always: \par Обучающий урок: соэдание таблицы стилей для nечати
--Тh-о.-.N... -.tk..J-.o o-s- o'·f oa~.trl-l-t-u-Ь- Н--yd-·r-o-pfotn-ltc--s --.. -"~"•--w-..- ~ ---·- .. .-........ __ ... · ·_-_--_- -·--...------·-·_.....,
__ ,
---aot--~ .... -МI' __ _ ......"""....__ ..... _.... ...... .._ .. ..,_". __ ~-............... ~-.,.,..,.-··-- -_-_· .-. __., ._. .. _. ...... ,,.__.........,.,.... _..._..,.__._.". _,.,
:::::..=:--~-::::-~.,.--- __ __. ... .." .. __ __ ... ....,. .......,... ......... ______ __ ..,... ... _..._ .. __ .. _~ _ ..,.. ____ ..,. ___ ....... _.._ ..,. ___ .. ,,
___ "1: ___ ._ ... __ ,.._ -_·-_--_-.. -.......:,.,.....__.._,I. ..A. .. ...... -.I.I.f -,... . _-..,.
о-о-·--·· ___ ._,_."....._-е ______ -----_._.с.~~. ... _.,_.._ ..
=-...=-~::.-=..==~~=::::"-
-•--.-.-..--~-'-"-'·---------~~t-J~tи-•__
... _.. ... ...
!,Но'О __ ..., .................... ._
-"-....-"..-- -"-•-- ----------·-.--.-j-i-----·-. -. -...-....._ .--..--
.-.~..,._, _____ ...,..У' __
_:::..=.:.,:: ::_"" <!~.> _.::._.:7_"'•_"-"_''C_--.._.. -. ........., -·--... --....... "'·-·--'- .... _____ .,._ ____ _ _.... __ .
::Artlclnof8al!\tubНydroponla __ .,. . ....., ] " _... _ .._..._...,_._...._ .. . .....,....._...,. .. .,.. -_.....,. ....- __
----··-··14-·-....- ... -._......., ... -~· -·- -- ---
§:~~ -- -··
~·:~~~
Рис .. 14.3. При печати страницы браузер разделяет ее содержимое на множество страниц,
Чтобы вместить на каждой как можно больше текста (слева). Если же вы хотите, чтобы разрывы
Страниц находились в более логичных места)(, используйте свойство page-break-before (справа)
Теперь вы мо)i<ете выборочно применять эти стили к элементам, которые должны
Печататься наверху или внизу страющы. Если вы хотите, чтобы определенный заголовок
был напечатан «аверху страницы, используйте такой стиль: <hl с 1 ass;"break_ before ">.
Даже если к элементу уже применен класс, вы можете добавить дополнительный
класс таким образом: <hl class="sectionTitle break_before"> (об этой полезной методике
читайте в разд. «Организация стилей и таблиц стилей• гл. 15).