Html при печати разрыв страницы: Как в HTML организовать разрыв страницы? — Хабр Q&A
Печать html-документов
1. Правило @page
Блок страницы состоит из области страницы, где располагается содержимое и области полей, окружающей область страницы. Правило @page используется для изменения некоторых css-свойств при печати документа. Изменить можно только поля элемента margin, а также задать разрывы страниц в указанном месте.
@page {
margin: 2in;
}
Можно задавать отдельные поля документа внутри правила @page, такие как margin-top, margin-right, margin-bottom, margin-left:
@page {
margin: 1in;
margin-left: 1.5in;
}
2. Разрывы страниц
Управлять разрывами страниц можно с помощью свойств page-break-before, page-break-after и page-break-inside. Данные свойства применяются к блочным элементам, для которых свойство position имеет значение relative или static.
page-break-before | |
---|---|
Значения: | |
auto | Значение по умолчанию, задает автоматические разрывы страниц. |
always | Всегда добавляет разрыв страницы перед элементом. |
avoid | Отменяет размещение разрыва перед элементом, если это возможно. |
left | Добавляет один или два разрыва страниц перед элементом, чтобы следующая страница форматировалась как левая страница. Элемент будет печататься, начиная с верха левой страницы, т.е. на странице слева от корешка. При двусторонней распечатке будет выводиться на оборотной стороне листа бумаги. |
Добавляет один или два разрыва страниц перед элементом. Элемент будет печататься, начиная с верха правой границы. Следующая страница будет форматироваться как правая страница. | |
inherit | Наследует это свойство от родительского элемента. |
Синтаксис:
@media print {
h2 {page-break-before: always;}
}
page-break-after | |
---|---|
Значения: | |
auto | Значение по умолчанию, задает автоматические разрывы страниц. |
always | Всегда добавляет разрыв страницы после элемента. |
Отменяет добавление разрыва после элемента, если это возможно. | |
left | Добавляет один или два разрыва страниц после элемента так, чтобы следующая страница форматировалась как левая страница. Элемент будет печататься, начиная с верха левой страницы, т.е. на странице слева от корешка. При двусторонней распечатке будет выводиться на оборотной стороне листа бумаги. |
right | Добавляет один или два разрыва страниц после элемента так, чтобы следующая страница форматировалась как правая страница. Элемент будет печататься, начиная с верха правой границы. |
inherit |
Синтаксис:
@media print {
footer {page-break-after: always;}
}
Свойство page-break-inside говорит браузеру, может ли страница разрываться внутри элемента или нет. Но в случае, если элемент оказывается длиннее страницы, то разрыв неизбежен.
page-break-inside | |
---|---|
Значения: | |
auto | Значение по умолчанию. Автоматический разрыв страницы. |
avoid | Запрещает разрыв страницы внутри элемента, если это возможно. |
inherit | Наследует это свойство от родительского элемента. |
Синтаксис:
@media print {
img {
display: block;
page-break-inside: avoid;
}
}
Свойство page-break-inside | CSS справочник
CSS свойстваОпределение и применение
CSS свойство page-break-inside определяет наличие или отсутствие разрыва страницы внутри заданного элемента при печати документа.
Обращаю Ваше внимание, что данное свойство нельзя применять к пустым блочным элементам (например, к пустому <div> ), либо к элементам с абсолютным позиционированием (position: absolute;).
Это свойство находится в стадии замены на более универсальное и функциональное в будущем свойство break-inside. Планируется, что новое свойство будет применяться не только при разрыве страниц(при печате), a также при разрыве в определённых областях и многоколоночных текстах.
Поддержка браузерами
CSS синтаксис:
page-break-inside:"auto | avoid | initial | inherit";
JavaScript синтаксис:
object.style.pageBreakInside = "avoid"
Значения свойства
Значение | Описание |
---|---|
auto | Разрыв страниц внутри элемента (при печати) происходит в автоматическом режиме (при необходимости). Это значение по умолчанию. |
avoid | Запрещает при печати разрыв страниц внутри элемента (если возможно). |
initial | Устанавливает свойство в значение по умолчанию. |
inherit | Указывает, что значение наследуется от родительского элемента. |
Версия CSS
CSS2Наследуется
Нет.Анимируемое
Нет.Пример использования
<!DOCTYPE html> <html> <head> <title>Пример использования свойства page-break-inside</title> <style> p { font-size: 15px; /* устанавливаем размер шрифта для абзацев */ page-break-inside: avoid; /* запрещает при печати разрыв страниц внутри элемента (если возможно). */ } </style> </head> <body> <a href = "https://ru.wikipedia.org/wiki/Морские_ежи" title = "Статья о Морских ежах с сайта Википедия">Материал из Википедии — свободной энциклопедии</a> <h2>Морские ежи</h2> <p>Тело морских ежей обычно почти сферическое, размером от 2—3 до 30 см; покрыто рядами известковых пластинок. Пластинки, как правило, соединены неподвижно и образуют плотный панцирь (скорлупу), не позволяющий ежу изменять форму. По форме тела (и некоторым иным признакам) морские ежи подразделяются на правильных и неправильных. У правильных ежей форма тела почти круглая, и построены они по строго радиальной пятилучевой симметрии. У неправильных ежей форма тела уплощённая, и у них различимы передний и задний концы тела.</p> <p>С панцирем морских ежей подвижно соединены (при помощи суставной сумки с мышечными волокнами) иглы разнообразной длины. Длина колеблется от 1—2 мм (плоские ежи, Echinarachniidae) до 25—30 см (диадемовые ежи, Diadematidae). Есть вид, полностью лишённый игл — токсопнеустес (Toxopneustes), тело которого усеяно педицелляриями. Иглы зачастую служат морским ежам для передвижения, питания и защиты. У некоторых видов они ядовиты, так как соединены с особыми ядовитыми железами. Ядовитые виды (Asthenosoma, Diadema) распространены в основном в тропических и субтропических районах Индийского, Тихого и Атлантического океанов.</p> <p>Кроме игл, на поверхности панциря морских ежей сидят педицеллярии, а также, у ротового отверстия, особые органы равновесия — сферидии. У некоторых видов педицеллярии также снабжены ядовитыми железами (Toxopneustes, Sphaerechinus).</p> <p>Амбулакральная система обычна для иглокожих. Каждая амбулакральная ножка, снабжённая присоской, проходит сквозь скелетные пластинки панциря двумя веточками (через 2 поры). Амбулакральные ножки нижней стороны служат морским ежам для передвижения и рытья нор. Ножки спинной стороны преобразовались в органы осязания и дыхания. У некоторых видов амбулакральные ножки наряду с иглами и педицелляриями принимают активное участие в процессе очищения панциря и питания.</p> <p>Рот у морских ежей расположен в центре нижней (оральной) стороны тела; анальное и половые отверстия — обычно в центре верхней (аборальной) стороны. У правильных морских ежей рот снабжён жевательным аппаратом (аристотелев фонарь), служащим для соскрёбывания водорослей с камней[2]. Аристотелев фонарь состоит из 5 сложных челюстей, каждая из которых оканчивается острым зубом. Зубы аристотелева фонаря участвуют не только в переработке пищи, но и в передвижении (вонзаясь в грунт), а также предположительно в рытье нор. У неправильных морских ежей, питающихся детритом, жевательного аппарата нет.</p> <p>Кишечник не имеет лучевого строения, а представляет трубку, идущую от ротового отверстия по спирали внутри полости тела. Иногда вдоль него идет придаточная кишка, открывающаяся в кишечник обоими концами. Органами дыхания служат наружные кожные жабры, расположенные около рта, амбулакральная система и придаточная кишка.</p> <p>Органы чувств и нервная система развиты довольно слабо. Помимо осязательных амбулакральных ножек и сферидиев, у ежей имеются примитивные глазки, расположенные на верхней стороне тела.</p> <h3>Образ жизни и питание</h3> <p>Широко распространены в океанах и морях с нормальной солёностью на глубинах до 7 км; отсутствуют в малосолёных Каспийском, Чёрном и частично Балтийском морях. Широко распространены на коралловых рифах и в прибрежных водах, часто селясь там в расщелинах и углублениях скал. Правильные морские ежи предпочитают скалистые поверхности; неправильные — мягкий и песчаный грунт.</p> <p>Морские ежи — донные ползающие или же зарывающиеся животные. Передвигаются с помощью амбулакральных ножек и игл. По некоторым предположениям, с помощью «аристотелева фонаря» морские ежи просверливают себе норы в скалах, даже гранитных и базальтовых, где прячутся во время отлива и от хищников. Другие виды закапываются в песок или просто прикрывают себя кусками раковин, водорослями и т. д.</p> <p>Практически всеядны. Рацион включает водоросли, губок, мшанок, асцидий и разнообразную падаль, а также моллюсков, мелких морских звёзд и даже других морских ежей. Фиолетовый ёж Sphaerechinus granularis легко справляется с раком-богомолом Squilla mantis. Живущие на мягком грунте виды заглатывают песок и ил, переваривая попадающие с ними мелкие организмы.</p> <p>Некоторые морские организмы используют морских ежей для защиты, прячась среди их игл: голотурии, офиуры, многощетинковые черви. Паразитические брюхоногие моллюски (Melanellidae), внедряясь в основание игл копьеносных ежей, образуют галлы и тем самым мешают росту иглы. Некоторые виды моллюсков прикрепляют к иглам свои кладки, и развивающиеся моллюски просверливают скорлупу ежа, просовывают внутрь него хоботки и питаются тканями.</p> <p>Морские ежи служат пищей для омаров, морских звёзд, рыб, птиц, морских котиков. Главным естественным врагом морского ежа является калан. Поймав ежа, калан либо долго крутит его в лапах (иногда предварительно завернув в водоросли), чтобы примять иголки и потом съедает; либо разбивает ежа камнем на собственной груди. Количество съедаемых каланами ежей столь велико, что кишечник, брюшина и даже кости этих морских млекопитающих порой окрашиваются пигментами морских ежей в фиолетовый цвет.</p> </body> </html>
На первом изображении значение свойства page-break-inside указано по умолчанию (auto), т.е. браузер делает разрыв страницы внутри элемента при необходимости:
Пример использования свойства page-break-inside со значением по умолчанию auto(определяет наличие или отсутствие разрыва страницы внутри заданного элемента при печати документа).На втором изображении значение свойства page-break-inside указано avoid, т.е. браузер запрещает при печати разрыв страниц внутри элемента (если возможно):
Пример использования свойства page-break-inside со значением avoid(запрещает при печати разрыв страниц внутри элемента (если возможно).CSS свойстваВставка разрыва страницы
Word автоматически вставляет разрыв страницы при достижении конца страницы.
Вставить разрыв страницы в другом месте можно вручную, либо настроив правила в Word для вставки автоматического разрыва страницы в месте, определенном пользователем. Это особенно полезно при работе с длинным документом.
Вставка принудительного разрыва страницы
-
Щелкните место, откуда следует начать новую страницу.
-
На вкладке Вставка в группе Страницы выберите команду Разрыв страницы.
Управление авторазбиением на страницы в Word
При ручной расстановке разрывов страниц в документе большого объема может потребоваться перенос разрывов по мере редактирования документа. Во избежание этого можно задать параметры, определяющие, где автоматически будут вставляться разрывы страниц.
Запрет вставки разрыва страницы в середине абзаца
-
Выберите абзац, для которого необходимо запретить вставку разрыва страницы.
-
На вкладке Разметка страницы нажмите кнопку вызова диалогового окна Абзац, а затем перейдите на вкладку Положение на странице.
-
Установите флажок Не разрывать абзац.
Запрет вставки разрыва страницы между абзацами
-
Выделите абзацы, которые необходимо разместить на одной странице.
-
На вкладке Разметка страницы нажмите кнопку вызова диалогового окна Абзац, а затем перейдите на вкладку Положение на странице.
-
Установите флажок Не отрывать от следующего.
Добавление разрыва страницы перед абзацем
-
Щелкните абзац, перед которым необходимо вставить разрыв страницы.
-
На вкладке Разметка страницы нажмите кнопку вызова диалогового окна Абзац, а затем перейдите на вкладку Положение на странице.
-
Установите флажок С новой страницы.
Размещение по меньшей мере двух строк абзаца вверху или внизу страницы
В профессионально оформленном документе страница не завершается первой строкой из нового абзаца и не начинается последней строкой из абзаца предыдущей страницы. Такие строки называются висячими.
-
Выделите абзацы, в которых необходимо запретить висячие строки.
-
На вкладке Разметка страницы нажмите кнопку вызова диалогового окна Абзац, а затем перейдите на вкладку Положение на странице.
-
Установите флажок Запрет висячих строк.
Примечание По умолчанию этот режим включен.
Запрет разрыва строк таблицы при переносе на новую страницу
-
Щелкните строку страницы, разрыв которой требуется запретить. Если таблица должна быть размещена на одной странице, выделите всю таблицу.
Примечание Если размер таблицы больше страницы, ее перенос запретить нельзя.
-
На вкладке Работа с таблицами выберите Макет.
-
В группе Таблица нажмите кнопку Свойства.
-
Перейдите на вкладку Строка и снимите флажок Разрешить перенос строк на следующую страницу.
Удаление разрыва страницы
Нельзя удалить разрывы страниц, которые вставляются автоматически.
Можно удалить все разрывы страниц, вставленные вручную.
-
Нажмите кнопку Черновик.
-
Выберите разрыв страницы, щелкнув на границе рядом с пунктирной линией.
-
Нажмите клавишу DELETE.
page-break-after | CSS | WebReference
Добавляет разрыв страницы при печати документа после заданного элемента.
Краткая информация
Значение по умолчанию | auto |
---|---|
Наследуется | Нет |
Применяется | К блочным элементам |
Анимируется | Нет |
Синтаксис
page-break-after: always | auto | avoid | left | right
Обозначения
Описание | Пример | |
---|---|---|
<тип> | Указывает тип значения. | <размер> |
A && B | Значения должны выводиться в указанном порядке. | <размер> && <цвет> |
A | B | Указывает, что надо выбрать только одно значение из предложенных (A или B). | normal | small-caps |
A || B | Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке. | width || count |
[ ] | Группирует значения. | [ crop || cross ] |
* | Повторять ноль или больше раз. | [,<время>]* |
+ | Повторять один или больше раз. | <число>+ |
? | Указанный тип, слово или группа не является обязательным. | inset? |
{A, B} | Повторять не менее A, но не более B раз. | <радиус>{1,4} |
# | Повторять один или больше раз через запятую. | <время># |
Значения
- always
- Всегда добавляет разрыв страницы после элемента.
- auto
- Вставляет разрыв страницы при необходимости.
- avoid
- Запрещает разрыв страницы после элемента.
- left
- Пропускает одну или две страницы после элемента, чтобы следующая страница при печати была чётной.
- right
- Пропускает одну или две страницы после элемента, чтобы следующая страница при печати была нечётной.
Пример
<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>page-break-after</title> <style> @media print { .more { page-break-after: always; } } </style> </head> <body> <h3>Мусорные пакеты</h3> <p>История о том, как однажды мусорных пакетов оказалось несколько больше, чем хотелось, как и для чего их можно использовать, и что из этого получилось.</p> <p>Читать дальше</p> </body> </html>
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft (Черновик спецификации) — первая черновая версия стандарта.
Браузеры
auto, always | 4 | 12 | 1 | 7 | 1.2 | 1 |
avoid, left, right | 4 | 12 | 1 | 7 | 1.2 |
auto, always | 1 | 1 | 7 | 1.3 |
avoid, left, right | 1 | 7 | 1.3 |
Браузеры
В таблице браузеров применяются следующие обозначения.
- — свойство полностью поддерживается браузером со всеми допустимыми значениями;
- — свойство браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо свойство поддерживается лишь частично, например, не все допустимые значения действуют или свойство применяется не ко всем элементам, которые указаны в спецификации.
Число указывает версию браузера, начиная с которой свойство поддерживается.
Автор и редакторы
Автор: Влад Мержевич
Последнее изменение: 29.08.2017
Редакторы: Влад Мержевич
Как печатать накладные в 1с
Как в 1С распечатать накладную
Вам понадобится
Инструкция
Для того чтобы распечатать накладную, нажмите в документе на кнопку «Печать». Данная кнопка находиться на нижней части документа в правом углу. Раскроется окно, где вам предложат выбрать из списка форму печатного документа.
Выберите нужную форму и двойным нажатием левой кнопки мышки откройте ее. На мониторе появится печатная форма накладной.При необходимости печатную форму можно отредактировать. Для этого в табличном редакторе отключите режим редактирования выбрав команду «Таблица – Вид – Только просмотр». Отредактированную форму можно сохранить на диске «Файл – Сохранить как».
Выполняя печать накладной большого размера, редактор системы 1С автоматически делит документ на страницы. Кроме того, при делении на страницы учитываются принудительные переводы страницы и установки положения на странице. Установки положения не переносятся из табличного документа в готовый документ.
Перед тем как отправить накладную на печать предварительно просмотрите ее положение на листе «Файл – Предварительный просмотр». Для изменения масштаба страницы используйте мышь или кнопки «Развернуть» и «Свернуть». При предварительном просмотре установлены автоматические параметры страницы. Для принудительной расстановки переводов страниц воспользуйтесь командой «Таблица – настройка печати – Вставить разрыв страницы» или «Убрать разрыв страницы».Далее на верхней панели инструментов программы 1С выберите значок «Принтер» и проставьте нужное количество копий. Можно и по-другому, нажмите на панели «Файл — Печать».
Установите параметры печати: модель принтера, тип бумаги, масштаб страницы, количество копий. После этого нажмите на кнопку «ОК» и накладная распечатается.
Обратите внимание
В правом нижнем углу слева от «Печати» расположена «Расходная накладная», которая удобна для быстрой печати накладных.
Источники:
- как в 1с печать документов
www.kakprosto.ru
Как в 1С распечатать накладную?
Каждый документ в программе 1С имеет одну или несколько печатных форм. Например, накладных относящихся к продажам печатаются в следующих формах: расходная накладная, ТОРГ-12 с услугами, ТОРГ-12, М-15 и другие. Форма печатного документа имеет вид документа Excel.
Вам понадобится
Инструкция
imguru.ru
Как напечатать накладную в 1С
Вам понадобится
Инструкция
Создайте накладную в программе «1С:Бухгалтерия» на основании имеющихся у вас документов при помощи меню реализации товаров и услуг. После формирования документа проверьте правильность введенных вами данных, выведите документ на печать при помощи подключенного к вашему компьютеру принтера или сохраните документ для его дальнейшей печати.
Если вы хотите отредактировать накладную, правьте документ в программу Microsoft Office Excel или любой другой редактор-аналог. Выполните исправление формы документа по нужному образцу или на ваше усмотрение, после чего выведите документ на печать через меню Excel «Файл» или сохраните его на жестком диске компьютера на ваше усмотрение.
Вы можете делать это и с другими документами программ, установленных на вашем компьютере, однако, иногда бывает достаточно сложно править документ в другую программу, здесь можно воспользоваться специальными конвертерами или файловыми менеджерами.При возникновении определенных проблем с использованием программного обеспечения и основных функций программы «1С:Бухгалтерия» запишитесь на специальные курсы, которые организуют практически в каждом населенном пункте. Также вы можете повысить свой уровень знаний при помощи самоучителей, дополнительной литературы или посещая различные ресурсы, посвященные тематике 1С.
Также старайтесь как можно внимательнее читать обзоры релизов программы и вникать в различия между версиями 1С. Также зарегистрируйтесь на специальных форумах программистов и бухгалтеров, работающих с программами 1С для более быстрого разрешения каких-либо сложных ситуаций, которые зачастую возникают по ходу ведения автоматизированного ведения бухгалтерского учета на предприятии и не забывайте обращаться в службу технической поддержки.
Полезный совет
Читайте больше справочной литературы.
www.kakprosto.ru
page-break-before | CSS справочник
Поддержка браузерами
12.0+ | 4.0+ | 1.0+ | 1.0+ | 7.0+ | 1.2+ |
Internet Explorer и Firefox не поддерживают значения свойства «left» и «right».
Описание
CSS свойство page-break-before определяет наличие или отсутствие разрыва страницы перед заданным элементом и используется при печати или для предварительного просмотра печати.
Свойство нельзя использовать с абсолютно позиционированными элементами.
Используйте свойства для разрыва страницы как можно реже и избегайте применения этих свойств внутри таблиц, плавающих элементов и блочных элементов с рамкой.
Значение по умолчанию: | auto |
---|---|
Применяется: | к блочным элементам, которые находятся в нормальном потоке элементов |
Анимируется: | нет |
Наследуется: | нет |
Версия: | CSS2 |
Синтаксис JavaScript: | object.style.pageBreakBefore=»always» |
Синтаксис
page-break-before: auto|always|avoid|left|right|inherit;
Значения свойства
Значение | Описание |
---|---|
auto | Вставляет разрыв страницы перед элементом при необходимости. |
always | Всегда делает разрыв страницы перед элементом. |
avoid | Запрещает разрыв страницы перед элементом. |
left | Делает разрыв страницы перед элементом таким образом, что следующая(левая) страница будет чистой. |
right | Делает разрыв страницы перед элементом таким образом, что следующая(правая) страница будет чистой. |
inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример</title> <style> @media print { table { page-break-after: before; } } </style> </head> <body> <p>Пример использования свойства page-break-after</p> <table> <tr><td>ячейка 1</td><td>ячейка 2</td></tr> </table> <p>Этот элемент и таблица будут отсутствовать при предварительном просмотре печати и распечатаны на следующей странице.</p> </body> </html>
Результат данного примера в окне браузера:
Изменяем поля страницы в документе Microsoft Word
Здравствуйте, друзья. Если Вы решили распечатать документ Word, отправить его по почте или факсу, рекомендую Вам сначала проверить его внешний вид, в особенности – разметку. Только так Вы добьетесь идеального вида документа. А мы же с Вами профессионалы, от нас только этого и ждут.
Считайте эту статью пошаговой инструкцией к действию , добавляйте в закладки и перечитывайте периодически. Правила очень универсальны, их знание послужит Вам много раз! Ни один из предложенных этапов не является обязательным, исходите из целесообразности в каждом конкретном случае. Схематически последовательность можно изобразить так:
Как будет выглядеть лист при печати?
Первое, что нужно сделать – это проверить, как будет выглядеть Ваш документ при печати. Может и настраивать ничего не нужно? Чтобы выполнить предварительный просмотр, нажмите Файл – Печать . Откроется окно печати документа с миниатюрой активного листа. Внизу окна стрелками можно прокручивать листы.
Уже в этом окне можно увидеть, какие недочеты текста нужно исправить. А если Вы их не увидели – читайте дальше статью, мы найдем, что исправить. Кстати, в этом же окне предварительного просмотра можно сделать некоторые из настроек, описанных ниже.
Устанавливаем размер листа в Ворде
Первое, о чем стоит задуматься – какой физический размер листа будете применять. Обычно это решают еще до начала работы. Тем не менее, может оказаться, что размер листа с которым Вы работали, отличается от того, который нужен.
Чтобы выбрать размер листа – выполните на ленте Разметка страницы – Параметры страницы – Размер . Откроется меню, в котором приведен список самых распространенных форматов листа. Можно выбрать из этого списка.
Так же, можно задать размер печати вручную . Для этого в меню нажмите Другие размеры страниц . Здесь можно задать произвольные размеры. Зачем это нужно? Например, Вы используете принтер чеков. Пожалуйста: смотрим на ширину рулона чековой бумаги и задаем соответствующие размеры.
Выбираем ориентацию листа
Обычно ориентацию выбирают из двух вариантов:
- Книжная – когда высота листа больше его ширины. То есть, страница расположена вертикально.
- Альбомная – ширина листа больше высоты, страница расположена горизонтально
Чтобы указать программе ориентацию, найдите на ленте команду Разметка страницы – Параметры страницы – Ориентация . Сделайте свой выбор.
Настраиваем поля
Когда выбраны размеры и ориентация – самое время указать поля, то есть пустое место от края листа до текста . Обычно, поля делают шире с той стороны, где переплет. ГОСТами разных стран установлены разные размеры полей.
Я предпочитаю не оставлять много пустого пространства, поэтому практикую 2 см под переплет и 0,5 см с остальных сторон. Если используете колонтитулы – оставьте для них место.
Чтобы указать поля, выполните на ленте команду Разметка страницы – Параметры страницы – Поля . В выпадающем меню выберите один из вариантов.
Можно и вручную задать размеры полей. При том, настройка очень гибкая. Кликните пиктограмму Параметры страницы (см. рис. выше), чтобы открыть глубокие настройки. Перейдите на вкладку Поля .
Что мы здесь видим? В открывшемся окне можно настроить:
- Поля – задать размеры вручную
- Ориентация – еще один способ выбрать ориентацию листа
- Несколько страниц – способ размещения страниц на листе для последующей печати:
- Обычный – одна страница на одном листе
- Зеркальные поля – устанавливаются так, чтобы при печати листы образовывали разворот
- 2 страницы на листе – разворачивает страницы на 90 градусов и размещает по 2 штуки на одном печатном листе
- Брошюра – разворачивает листы страницы на 90 градусов, располагает по 2 штуки на листе, комбинирует поля так, чтобы при двусторонней печати получилась брошюра. Очень удобно для печати различных методичек, программок, буклетов и т.п.
Настройка колонок
Если Ваш документ содержит преимущественно текст, можно для удобства чтения разделить его на несколько колонок . Это имеет смысл и при печати на больших форматах. Просто не удобно читать одну колонку с листа размером, к примеру А1.
Чтобы разделить текст на несколько колонок – выделите нужный отрывок и кликните на ленте Разметка страницы – Параметры страницы – Колонки . В меню настройте разбивку. Более детально о колонках в Ворде читайте в .
Нумерация строк в Ворде
Часто документ печатают для дальнейшей вычитки и редактуры. Тогда есть смысл включить номера строк. Каждая строка текста будет пронумерована на левых полях листа. Редактор будет Вам благодарен, теперь он может фиксировать номера строк, на которые следует обратить внимание.
Какие варианты нумерации можно применять? Найдите на ленте Разметка страницы – Параметры страницы – Номера строк . Здесь мы увидим все, что может делать программа:
- Нет – строки не нумеруются
- Непрерывно – нумеруются все строки подряд от первой до последней
- На каждой странице – в начале каждой новой страницы нумерация начинается с единицы
- В каждом разделе – отдельная нумерация для каждого из разделов
- Запретить в текущем абзаце – абзац, в котором стоит курсор, не будет нумерован. Со следующего абзаца нумерация продолжится
- Варианты нумерации строк . Можно настроить нумерацию, выбрав этот пункт меню. Откроется окно Параметры страницы , где нужно нажать Нумерация
Здесь ставим галочку Добавить нумерацию строк и в следующих пунктах настраиваем: начальный номер, расстояние от текста до номеров, шаг маркировки номеров. Вот, что получится, если начать с 5 номера и сделать шаг в 5 строк:
Мало кто знает о существовании этого инструмента, тем не менее, он нашел свое применение в кругах профессиональных пользователей Microsoft Word.
Вставка колонтитулов
Колонтитулы – это особые подписи на полях сверху и снизу страницы. Они бывают очень полезными при верстке документа и несут в себе массу вспомогательной информации .
Что обычно указывают в колонтитулах? Номера страниц, автора, название книги или главы и т.п.
Чтобы добавить колонтитулы – найдите на ленте блок команд Вставка – Колонтитулы . Сразу Вы увидите несколько готовых списков. Раскрывая их, Вы можете выбрать из уже готовых и оформленных колонтитулов:
- Верхний колонтитул – варианты различной информации с оформлением на верхних полях
- Нижний колонтитул – то же самое, но на нижних полях
- Номер страницы – различные варианты номеров страниц
Нажмите Изменить верхний колонтитул или Изменить нижний колонтитул , чтобы сделать собственный колонтитул.
Возможности здесь настолько широкие и интересные, что я планирую написать об этом отдельную статью. В материалы этого поста она точно не влезет. Тем не менее, обязательно обдумайте использование колонтитулов перед печатью.
Настройка абзацев
Посмотрите внимательно на Ваши абзацы. Есть ли в них что-то такое, что Вы хотели бы исправить? Например:
- Отступы
- Выравнивание текста
- Междустрочные интервалы
- Интервалы между абзацами
- Обводка и заливка фона некоторых абзацев
- Размеры табуляции и др.
Если есть – Вы можете это настраивать и исправлять. Я уже писал об этом целую , переходите и читайте.
А если недочетов не нашли – все равно почитайте. Может быть, после этого у Вас и появятся идеи, как сделать абзацы более гармоничными и дружественными к читателю. К примеру, увеличить или уменьшить плотность текста, чтобы облегчить восприятие.
Настройка переносов
Наверное, всех учили в школе переносить слова по слогам. Уверен, большинство из Вас при наборе текста в Ворде не ставит переносы. Чем это чревато?
Когда Вы применяете выравнивание по ширине, кажется, что текст выглядит отлично, строго и упорядоченно. Вот и я так сделал в своем документе. Вот он:
И что я вижу в строке номер 84? Чтобы сделать выравнивание по обоим сторонам, программа растянула текст за счет ширины пробела . Выглядит не очень. Пробелы между словами слишком большие, бросается в глаза. Что делать?
Можно разбить первое слово в 85 строке на два, т.е. сделать перенос. Тогда первая его половина поднимется в предыдущую строку, а вторая – останется там же. Вот, что получилось:
Видите, 84 строка теперь выглядит лучше! Хотя, большое количество переносов усложняет чтение. Потому, нужно искать баланс, где их ставить, а где нет. Исходите из общего вида своих абзацев.
И что, будем добавлять переносы вручную? Конечно, нет, это же Word. Чтобы вставить перенос – нажмите на ленте Разметка страницы – Параметры страницы – Расстановка переносов .
В открывшемся списке доступны такие варианты:
- Нет – не выполнять перенос строк
- Авто – программа сама вставит переносы там, где это необходимо. Пожалуй, 95% пользователей выберут этот пункт
- Ручная – Ворд предложит Вам все доступные варианты переноса, а Вы сделаете выбор
- Параметры расстановки переносов . Выберите этот пункт, чтобы задать дополнительные настройки. Здесь обращу Ваше внимание на пункт Максимальное число последовательных переносов. То есть, можно указать, в скольких строках подряд можно делать переносы. Очень полезно, чтобы не перегрузить лист. Экспериментируйте с этой опцией. Я обычно ставлю не более одного подряд.
Повторюсь, переносы – инструмент нужный, но применять его нужно с осторожностью.
Удаляем висячие строки
Когда у Вас на листе помещается только первая или последняя строка абзаца, а остальная его часть – на другом листе, это совсем не красиво. И это усложняет чтение текста. К счастью, Word автоматически обрабатывает такие случаи. Висячие строки либо опускаются на следующий лист, либо к ним опускается еще одна строка.
Вы можете более детально настроить этот процесс. Нажмите на пиктограмму в нижнем правом углу блока команд Абзац .
Откройте вкладку Положение на странице с такими опциями:
- Запрет висячих строк – включить автоматическое исправление висячих строк
- Не отрывать от следующего – запрещает разрыв страницы между текущим и следующим абзацами
- Не разрывать абзац – запретить разрыв страницы внутри текущего абзаца
- С новой страницы – перенести абзац на следующий лист
Разрывы страниц и разделов
По мере заполнения документа текстом, новые страницы создаются автоматически. Это называется мягким разрывом страницы . Ворд умеет ими управлять. Когда текст изменяется, меняется и положение мягкого разрыва страницы, чтобы Ваш лист был полностью заполнен.
Однако, иногда нужно принудительно закончить страницу. Как Вы это делали раньше? Только не говорите, что нажимали много раз Enter , чтобы создать много переносов строки и физически перенести текст на следующую страницу. Если так, то учитесь вставлять разрыв страницы . Для этого выполните такие действия:
- Установите курсор в то место, где должен закончиться Ваш лист
- Нажмите на ленте Разметка страницы – Параметры страницы – Разрывы – Страница (или нажмите Ctrl+Enter )
Теперь весь текст после курсора перенесется на следующую страницу. Если включить непечатаемые символы, в месте разрыва отобразится пунктирная линия с надписью «Разрыв страницы».
Разметка текста на разделы нужна для раздельной настройки и разметки определенных частей текста. Например, применение особенных полей, ориентации и т.п. для разных разделов. Это практично и очень удобно. Позволяет очень гибко изменять внешний вид материалов.
Чтобы вставить разрыв раздела, выполните последовательность:
- Установите курсор в месте окончания раздела
- Выполните на ленте Разметка страницы – Параметры страницы – Разрывы
- В открывшемся меню в группе команд Разрывы разделов выберите один из пунктов:
- Следующая страница – новый раздел начнется с новой страницы
- Текущая страница – новый раздел начнется с новой строки
- Четная страница
- Нечетная страница – следующий раздел начнется с ближайшей четной страницы
После выполнения команды, на листе появится непечатаемый символ конца раздела – двойная пунктирная линия. Чтобы сделать настройки для отдельного раздела – установите разрывы вначале и в конце этой области текста. Когда выполняете настройки, в поле Применить выберите К текущему разделу (см. рисунок выше).
Еще раз напомню, что разрывы страниц и разделов не изменяются автоматически, когда Вы изменяете текст. Будьте осторожны с этими инструментами и применяйте их только на последних этапах работы, прямо перед печатью.
Теперь, когда окончены все описанные выше работы, обязательно еще раз выполните предварительный просмотр. Всем нам свойственно ошибаться, отвлекаться. Не помешает просмотреть, результат, вдруг что-то упустили. Если такое имело место – вернитесь и исправьте.
Всё. документ «расчёсан», самое время его напечатать или . Об этом будут мои следующие статьи, присоединяйтесь!
Программа Word предоставляет пользователям широкие возможности для редактирования документов: менять шрифты и стили, изменить поля в «Ворде», делить документ на разделы и многое другое.
Как разбить текст на разделы
Редактор Word дает возможность делить текст на разделы, каждый из которых можно форматировать. Эта функция незаменима в том случае, когда следует установить различные параметры в пределах одной страницы. Существует три способа разбивки текста на разделы. Их отличие заключается в том, где будет размещаться текст после разбивки.
Черта разрыва
Программа Word отмечает разделы документа двойной чертой с отметкой «Разрыв раздела», а затем следует название типа раздела. В режиме просмотра и печати эти метки не видны. Чтобы вставить линию раздела, необходимо выполнить следующие действия:
- В команде СВставка» выбрать пункт «Разрыв для открытия диалогового окна».
- В открывшемся окошке выбрать необходимый тип разбивки, а затем подтвердить свой выбор, нажав «ОК».
Линия разрыва является таким же символом документа, как и остальные, поэтому работа с ней ведется по общим правилам. Для удаления необходимо установить курсор с левой стороны и нажать кнопку «Delete». Если установить курсор справа, потребуется выбрать клавишу «Backspace». Когда черта разрыва будет удалена, текст становится сплошным, поэтому все параметры форматирования автоматически применяются ко всему разделу.
Вставка линии разрыва вручную
По умолчанию программа Word, после того как текст доходит до нижнего края страницы, размещает его на новой странице с верхней строки. Но если вставить вручную черту разрыва, тогда начать новую страницу можно в любом месте. Для этого нужно произвести следующие действия:
- В разделе «Вставка» выбрать пункт «Разрыв для открытия диалогового окна».
- После этого кликнуть по строке «Новая страница», а затем нажать «ОК».
На странице разрыв будет иметь вид одной горизонтальной линии. Ни в режиме просмотра, ни в распечатке она отображаться не будет. Для удаления курсор нужно установить на соответствующую строку и нажать «Delete».
Как выставить поля страницы?
Поля в «Ворде» — это пустое место, которое есть между текстом и краями листа. Каждая страница имеет четыре поля: нижнее, верхнее, левое и правое. Установленные параметры полей будут применяться ко всему документу, если нет разрывов. При наличии на странице разделов можно устанавливать поля для каждого отдельно.
Линейка
Проще всего установить поля в «Ворде», используя мышь и линейку. В этом случае расстояние определяется наглядно, без указания конкретных сантиметров. Если линейка не отображается, ее можно вывести на страницу. Для этого следует выбрать команду «Вид», а затем вкладку «Линейка». Чтобы использовать линейку, нужно установить режим разметки страницы: вкладка «Вид», «Разметка страницы». Горизонтальная линейка находится в верхней части страницы, а вертикальная — вдоль левого края. Они дают возможность регулировать отступы со всех сторон.
Белая часть на каждой линейке указывает активную область. Понять, как изменить поле в «Ворде» (левое или правое), не составит труда. Нужно установить курсор на соответствующий маркер горизонтальной линейки (должна появиться двунаправленная стрелочка). Указатель необходимо перетащить в нужную позицию. Аналогично меняются верхние и нижние поля с помощью вертикальной линейки.
Панель управления
Окошко «Параметры страницы» — это еще один метод установить поля в «Ворде». Этот способ подходит в том случае, когда нет возможности использовать мышку или необходимо задать поля в точных цифрах. Для этого нужно перейти в раздел «Файл», затем — «Параметры страницы». В открывшемся окошке выбрать пункт «Поля» и ввести подходящие параметры. В «Образце» будет наглядно продемонстрировано, как выглядит страница с указанными значениями.
Переплет
В том случае, когда готовый документ нуждается в переплете, необходимо оставить достаточно места. Для этого существует текстовое поле «Переплет», куда нужно ввести определенное значение, которое будет прибавлено к левому полю каждой страницы. Для документов, которые отпечатаны с двух сторон, есть функция «Зеркальные поля». С ее помощью значение будет прибавляться к левому полю каждой нечетной страницы и к правому — каждой четной.
Для того чтобы и регулировать поля в «Ворде-2007», в списке «Применить» можно выбрать следующие позиции:
Размер и ориентация страницы
Стандартный формат документа составляет 8,5 х 11 дюймов, а строки текста располагаются параллельно короткому краю страницы. Параметры могут быть разнообразными: можно выбрать из предложенных вариантов или определить размеры самостоятельно. При необходимости есть возможность расположить лист в альбомной ориентации.
Размер и ориентация страницы указываются следующим образом:
- В разделе «Файл» выбрать пункт «Параметры страницы».
- Во вкладке «Размер бумаги» указать необходимые значения в соответствующих полях.
- Затем выбрать листа.
Список «Применить» содержит следующие функции:
- Ко всему тексту.
- К определенному разделу.
- До конца текста.
Затем подтвердить выбор, нажав «ОК».
Источник бумаги
Существуют документы, которые следует распечатывать на конкретной бумаге. Например, зачастую титульная страница — это фирменный бланк. В программе Word можно указать источники бумаги для каждого раздела документов. Для этого нужно выполнить следующие действия:
- Выбрать раздел «Файл», а после вкладку «Параметры страницы».
- Щелкнуть на пункте «Источник бумаги».
- В поле «Первая страница» указать источник подачи бумаги. Необходимо учитывать особенности модели принтера.
- Во вкладке «Остальные страницы» будет указан источник подачи бумаги для всего документа.
- В списке «Применить» определить подходящую функцию.
Если пользователь работает в «Ворд-2003», поля можно вводить не только в дюймах, но и в сантиметрах. Для этого нужно поменять единицы измерения во вкладке «Параметры», «Экран», «Единица измерения».
Ввод колонтитулов
Если возникает необходимость ввести колонтитулы вверху или внизу каждой страницы, сделать это можно следующим образом: в меню «Вид» выбрать вкладку «Колонтитулы». В открывшемся окне можно устанавливать необходимые параметры. Как правило, на первой странице колонтитул не нужен, поэтому, перед тем как установить поля в «Ворде» и начинать работу с документом, нужно выполнить простые действия: в разделе «Файл» выбрать «Параметры страницы». В открывшейся вкладке выбрать «Источник бумаги», а затем в разделе «Различать колонтитулы» установить галочку возле первой страницы.
Кто работал в текстовом редакторе Word, знает, что текст вводится в поле для печати, в то время как вокруг него располагаются поля. Но новички зачастую не в курсе, что есть возможность изменять размеры полей в «Ворде». Как это делать, сейчас и будет рассказано. Прочтите статью до конца, так как помимо инструкций в ней еще присутствует совет, как включить отображение этих самых полей.
Способ 1: выбор шаблонов
Для изменения размеров полей можно воспользоваться заранее подготовленными шаблонами, которых зачастую хватает, чтобы не задавать параметры вручную. Итак, для выполнения поставленной задачи, вам необходимо сделать следующее:
- Перейдите на вкладку «Макет» или «Разметка страницы». Это зависит от того, какой версией программы вы пользуетесь. Так в 2016-й — «Макет», а во всех остальных — «Разметка страницы».
- Нажмите «Поля». Данная кнопка располагается в группе инструментов «Параметры страницы».
- В меню выберите шаблон размеров, которые вам подходят больше всего. Обратите внимание, что чуть ниже их названия указываются и размеры.
Если выбрать нужный шаблон, он тут же будет применен на всех страницах документа. Это первый способ, и, как можно заметить, он не позволяет осуществить гибкую настройку всех параметров страницы.
Способ второй: создание и изменение параметров
Если ни один из шаблонов вам не подошел, тогда вы можете осуществить ручную настройку всех параметров. Сейчас будет рассказано, как это сделать:
- Опять же, перейдите на вкладку «Макет» или «Разметка страницы».
- На панели кликните по «Поля».
- Далее из списка кликните по строке «Настраиваемые поля».
- В окне, которое появится, теперь можно ввести расстояние от краев листа вручную в соответствующих полях.
- Нажмите «ОК», чтобы они применились.
Вот так просто можно изменить размеры полей на любые, какие вы пожелаете. Конечно, в отличие от первого способа, он более трудоемкий, но зато дает больше возможностей.
Включаем отображения полей на листе
Для удобства можно включить отображение этих самых полей на листе страницы, чтобы вы визуально могли видеть их границы. Для этого надо выполнить следующее:
- Нажмите по кнопке «Файл».
- В открывшемся меню перейдите в раздел «Параметры».
- В появившемся одноименном окне перейдите в «Дополнительно».
- Установите отметку напротив пункта «Показывать границы текста».
- Нажмите «ОК».
После этого в листе пунктирной линией будут отображаться эти самые границы. Теперь вы знаете не только как изменить размер полей в программе Word, но и как включить их отображения.
В Word можно настроить поля или выбрать для них готовые параметры. Word автоматически задает для каждой страницы поля размером один дюйм. Вы также можете задать поля для страниц в развороте, расширить их с внутреннего края документа для переплета, а также изменить единицы измерения для полей.
На вкладке Макет нажмите кнопку .
Выберите нужную конфигурацию полей.
Если подходящая конфигурация полей отсутствует, выберите пункт Настраиваемые поля , чтобы настроить поля самостоятельно.
Выбор стандартных параметров поля
Стандартные поля можно легко изменить. После этого новые параметры сохраняются в шаблоне, на котором основан документ. Во всех новых документах, основанных на этом шаблоне, будет автоматически использоваться новые параметры полей.
Выберите новые поля, щелкните и выберите Настраиваемые поля .
В диалоговом окне Параметры страницы нажмите кнопку По умолчанию .
Создание настраиваемых полей
Дополнительные сведения о полях
И выберите Настраиваемые поля . В диалоговом окне Параметры страницы нажмите кнопку По умолчанию
Чтобы изменить поля для части документа, выделите соответствующий фрагмент текста, а затем введите новые значения для полей в окне Параметры страницы . В поле Применить выберите параметр к выделенному тексту . Microsoft Word автоматически вставит разрывы раздела до и после выделенного фрагмента. Если документ уже разбит на разделы, выберите нужные разделы, а затем измените значения полей.
Исправить
Настройка полей для страниц в развороте
Примечание: Для изменения ширины полей выберите пункт Настраиваемые поля в нижней части коллекции «Поля». Введите новые значения в полях Внутри и Снаружи .
Добавление внешнего поля для переплета в брошюрованных документах
Внешнее поле для переплета, которое можно разместить у бокового, верхнего или у внутренних полей документа, используется для выделения дополнительного места под переплет. Это гарантирует сохранность текста при брошюровке.
1. Внешнее поле для переплета
Настройка внешнего поля для переплета
На вкладке Разметка страницы в группе Параметры страницы выберите .
Щелкните Настраиваемые поля .
В поле Переплет введите значение ширины поля переплета.
В поле Положение переплета выберите значение Слева или Сверху .
Примечание: Поле Положение переплета недоступно, если выбраны параметры Зеркальные поля , 2 страницы на листе или параметр Брошюра . В этих случаях положение переплета определяется автоматически.
Просмотр полей страницы
Границы текста в документе Word можно обозначить линиями.
На вкладке Файл нажмите кнопку Параметры .
Нажмите кнопку Дополнительно , а затем установите флажок Показывать границы текста в разделе Показывать содержимое документа .
Поля отображаются в документе пунктирными линиями.
Примечание: Вы можете просмотреть их в режиме разметки или режиме веб-документа. Границы текста не обозначаются на печатных страницах.
Параметры полей страницы
В Microsoft Word предлагается несколько вариантов полей страниц. Вы можете использовать поля, заданные по умолчанию, или настроить собственные.
Добавление внешнего поля для переплета. С помощью внешнего поля для переплета можно увеличить боковое или верхнее поле документа, который вы планируете переплести. Это гарантирует сохранность текста при брошюровке.
1. Внешнее поле для переплета
2. Зеркальные поля для разворота
Настройка полей для разворота страниц. Для задания параметров страниц в развороте в документах с двусторонней печатью, например в книгах или журналах, используются зеркальные поля. При этом поля левой страницы являются зеркальным отражением полей на правой странице, то есть для страниц устанавливаются одинаковые внутренние и внешние поля.
Примечание: Вы можете добавить внешнее поле для переплета в документ с зеркальными полями, если требуется дополнительное место для переплета.
Создание брошюры. С помощью параметра Брошюра в диалоговом окне Параметры страницы можно создать брошюру. С помощью этого же параметра можно настроить меню, приглашение, программу мероприятия или любой другой документ со сгибом по центру.
1. Word вставляет один сгиб по центру
После создания брошюры можно работать с ней так же, как с любым другим документом, вставляя в нее текст, рисунки и другие графические элементы.
Для большинства принтеров необходимо задать минимальную ширину полей, так как они не могут печатать текст вплоть до края листа. При попытке установить слишком узкие поля Word выведет сообщение Одно или несколько полей лежат вне области печати .
Чтобы автоматически увеличить ширину полей, нажмите кнопку Исправить . Если пропустить это сообщение и попытаться напечатать документ без изменений, Word выведет еще одно сообщение с запросом подтверждения.
Минимальные размеры полей зависят от принтера, драйвера принтера и размера бумаги. Сведения о минимальных размерах полей см. в руководстве пользователя принтера.
Изменение или задание полей страницы
Чтобы изменить стандартные поля, выберите новые поля, щелкните и выберите Настраиваемые поля . В диалоговом окне Параметры страницы нажмите кнопку По умолчанию , а затем нажмите кнопку Да . Новые параметры сохраняются в шаблоне, на котором основан документ. Во всех новых документах, основанных на этом шаблоне, будет автоматически использоваться новые параметры полей.
CSS Page-break-after Свойство
Пример
Всегда вставляйте разрыв страницы после элемента
@media print
{
нижний колонтитул {page-break-after: always;}
}
Определение и использование
Свойство разрыв страницы после
добавляет разрыв страницы после
указан
элемент.
Наконечник: Свойства: разрыв страницы до, разрыв страницы после и page-break-inside помогает определить, как документ должен вести себя при печати.
Примечание: Вы не можете использовать это свойство для пустого
Значение по умолчанию: | авто |
---|---|
Унаследовано: | нет |
Анимируемое: | нет. Прочитать о animatable |
Версия: | CSS2 |
Синтаксис JavaScript: | объект .style.pageBreakAfter = «always» |
Поддержка браузера
Числа в таблице указывают первую версию браузера, полностью поддерживающую свойство.
Объект | |||||
---|---|---|---|---|---|
разрыв страницы после | 1,0 | 4,0 | 1,0 | 1,2 | 7,0 |
Примечание: Ни один из браузеров не поддерживает «избегай».
Примечание: Браузеры могут интерпретировать «левый» и «правый» как «всегда».
Синтаксис CSS
разрыва страницы после: авто | всегда | избегать | влево | вправо | начальное | наследование;
Стоимость недвижимости
Значение | Описание |
---|---|
авто | По умолчанию. Автоматический разрыв страницы |
всегда | Всегда вставляйте разрыв страницы после элемента |
избегать | Избегайте разрывов страницы после элемента (если возможно) |
слева | Вставить разрыв страницы после элемента, чтобы следующая страница была отформатирована как левая страница |
правый | Вставить разрыв страницы после элемента, чтобы следующая страница была отформатирована как правая страница |
начальный | Устанавливает для этого свойства значение по умолчанию.Читать про начальные |
наследовать | Наследует это свойство от своего родительского элемента. Читать про наследство |
Связанные страницы
СсылкаHTML DOM: pageBreakAfter свойство
CSS свойство разрыва страницы внутри
Пример
Избегайте разрывов страницы внутри элементов
и:@media print {
pre, blockquote {page-break-inside: escape;}
}
Определение и использование
Свойство
page-break-inside
устанавливает, следует ли избегать разрыва страницы внутри указанного элемента.Наконечник: Свойства: разрыв страницы до, разрыв страницы после и page-break-inside помогает определить, как документ должен вести себя при печати.
Примечание: Вы не можете использовать это свойство для абсолютно позиционированных элементов.
Значение по умолчанию: авто Унаследовано: нет Анимируемое: нет. Прочитать о animatable Версия: CSS2 Синтаксис JavaScript: объект .style.pageBreakInside = "избегать"
Поддержка браузера
Числа в таблице указывают первую версию браузера, полностью поддерживающую свойство.
Объект разрыв страницы внутри 1,0 8,0 19,0 1,3 7,0
Синтаксис CSS
внутренний разрыв страницы: авто | избегать | начального | наследования;
Стоимость недвижимости
Значение Описание авто По умолчанию.Автоматические разрывы страниц избегать Избегайте разрывов страницы внутри элемента (если возможно) начальный Устанавливает для этого свойства значение по умолчанию. Читать про начальные наследовать Наследует это свойство от своего родительского элемента. Читать про наследство
Связанные страницы
СсылкаHTML DOM: pageBreakВнутренняя собственность
разрыв страницы | CSS-уловки
Фактического свойства
разрыва страницы
в CSS нет.Фактически это набор из трех свойств:разрыв страницы до
,разрыв страницы после
иразрыв страницы внутри
. Эти свойства помогают определить, как документ должен вести себя при печати. Например, чтобы печатный документ был больше похож на книгу.Недвижимость
разрыв страницы до
Свойство
разрыв страницы перед
добавляет разрыв страницы перед элементом, к которому он применяется.Примечание : это свойство в настоящее время заменяется более общим свойством
break-before
.Это новое свойство также обрабатывает разрывы столбцов и регионов, будучи синтаксически совместимым сpage-break-before
. Таким образом, перед использованиемразрыва страницы перед
проверьте, можете ли вы вместо этого использоватьразрыв перед
.Обычный вариант использования для этого - применить его к селектору
#comments
, чтобы пользователь, распечатывающий страницу с комментариями, мог легко выбрать печать всего документа, но аккуратно остановиться перед комментариями.разрыв страницы после
Свойство
разрыв страницы после
добавляет разрыв страницы после элемента, к которому он применяется.Примечание : это свойство в настоящее время заменяется более общим свойством
break-after
. Это новое свойство также обрабатывает разрывы столбцов и регионов, будучи синтаксически совместимым сразрыв страницы после
. Таким образом, перед использованиемpage-break-after
проверьте, можете ли вы использоватьbreak-after
вместо этого.разрыв страницы внутри
Свойство
page-break-inside
добавляет разрыв страницы внутри элемента, к которому оно применяется.Синтаксис
разрыв страницы после: авто | всегда | избегать | слева | верно разрыв страницы до: авто | всегда | избегать | слева | верно разрыв страницы внутрь: авто | избегать
Значения
left
иright
дляразрыва страницы до
иразрыва страницы после
относятся к макету разворота (например, книги), где есть отдельные левая и правая страницы. Работают они так:
left
принудительно устанавливает один или два разрыва страницы после элемента, чтобы следующая страница была отформатирована как левая страница.right
принудительно устанавливает один или два разрыва страницы после элемента, чтобы следующая страница была отформатирована как правая страница.Считайте
всегда
как смесью обоих. В спецификации указано:Соответствующий пользовательский агент может интерпретировать значения «left» и «right» как «всегда».
Пример
@media print { h3 { разрыв страницы до: всегда; } h4, h5 { разрыв страницы после: избегать; } pre, blockquote { разрыв страницы внутрь: избегать; } }
Этот фрагмент кода выполняет 3 функции:
- он вызывает разрыв страницы перед всеми заголовками
h3
(возможно, теги h3 в вашем документе - это заголовки глав, которые заслуживают новой страницы)- предотвращает разрывы страниц сразу после подзаголовков, потому что это выглядит странно.
- предотвращает разрывы страниц внутри тегов
до
и кавычек на уровне блокаПохожие объекты
Другие ресурсы
Поддержка браузера
Хром Safari Firefox Opera IE Android iOS Любая Любая Любая 7+ 4+ TBD TBD Вы можете печатать с мобильных устройств, например AirPrint на iOS, но мы этого не тестировали.Если у кого-то есть данные о поддержке, дайте нам знать.
Как создавать страницы для печати с помощью CSS
Эта статья была обновлена в 2020 году, чтобы отразить последние передовые практики стилизации печати CSS.
В этой статье мы рассмотрим искусство создания удобных для печати веб-страниц с помощью CSS.
«Кто печатает веб-страницы?» Я слышу, как ты плачешь! Относительно небольшое количество страниц будет когда-либо воспроизведено на бумаге. Но подумайте:
- печать проездных или концертных билетов
- воспроизведение направлений или расписания маршрутов
- сохранение копии для чтения в автономном режиме
- доступ к информации в зоне с плохой связью
- использование данных в опасных или грязных условиях - например, на кухне или фабрике
- вывод черновиков содержимого для письменных аннотаций
- печать квитанций для бухгалтерских целей
- предоставление документов инвалидам, которым трудно пользоваться экраном
- распечатывает страницу для вашего коллеги, который отказывается использовать эту новомодную ерунду об Интернете.
К сожалению, печать страниц может быть неприятным занятием:
- текст может быть слишком маленьким, слишком большим или слишком бледным
- столбцы могут быть слишком узкими, слишком широкими или выходить за пределы полей страницы
- секция может быть обрезана или полностью исчезнуть
- чернила расходуются на ненужный цветной фон и изображения
- URL ссылок не видны
Распечатано- иконок, меню и рекламных объявлений, на которые невозможно щелкнуть!
Многие разработчики выступают за доступность Интернета, но лишь немногие не забывают сделать печатный Интернет доступным!
Преобразование отзывчивого непрерывного носителя в листовую бумагу любого размера и ориентации может оказаться сложной задачей.Однако управление печатью с помощью CSS стало возможным уже много лет, а базовую таблицу стилей можно создать за несколько часов. В следующих разделах описаны хорошо поддерживаемые и практичные варианты создания удобных для печати страниц.
Таблицы стилей печати
Печать CSS может быть:
- Применяется в дополнение к стилю экрана. Взяв за основу ваши стили экрана, стили принтера при необходимости отменяют эти настройки по умолчанию.
- Применяются отдельными стилями. Стиль экрана и стиль печати полностью разделены; оба начинаются со стилей браузера по умолчанию.
Выбор будет зависеть от вашего сайта / приложения. Лично я большую часть времени использую стили экрана в качестве основы для печати. Тем не менее, я использовал отдельные таблицы стилей для приложений с радикально разными выходами - таких как система бронирования сеансов конференции, которая отображала сетку расписания на экране, но хронологическое расписание на бумаге.
Таблицу стилей печати можно добавить в HTML
после стандартной таблицы стилей:
Стили
print.css
будут применены в дополнении к стилям экрана при печати страницы.Чтобы разделить экран и печатные носители,
main.css
должен нацеливаться только на экран:
В качестве альтернативы стили печати можно включить в существующий файл CSS с помощью правил
@media
.Например:тело { маржа: 2em; цвет: #fff; цвет фона: # 000; } @media print { тело { маржа: 0; цвет: # 000; цвет фона: #fff; } }
Можно добавить любое количество правил
@media print
, так что это может быть удобно для хранения связанных стилей вместе. При необходимости правила экрана и печати также можно разделить:@media screen { тело { маржа: 2em; цвет: #fff; цвет фона: # 000; } } @media print { тело { маржа: 0; цвет: # 000; цвет фона: #fff; } }
Тестирование вывода на принтер
Нет необходимости убивать деревья и использовать невероятно дорогие чернила каждый раз, когда вы хотите протестировать макет печати! Следующие параметры воспроизводят стили печати на экране.
Предварительный просмотр
Самый надежный вариант - предварительный просмотр печати в вашем браузере. Это показывает, как будут обрабатываться разрывы страниц с использованием размера бумаги по умолчанию.
Кроме того, вы можете сохранить или предварительно просмотреть страницу, экспортировав ее в PDF.
Инструменты разработчика
DevTools ( F12 или Cmd / Ctrl + Shift + I ) может эмулировать стили печати, хотя разрывы страниц не отображаются.
В Chrome откройте Инструменты разработчика и выберите Дополнительные инструменты , затем Рендеринг в меню трехточечного значка в правом верхнем углу.Измените Emulate CSS Media на print внизу этой панели.
В Firefox откройте Инструменты разработчика и щелкните значок Toggle print media имитация на панели стилей вкладки Inspector :
Взломайте свой медиа-атрибут
Предполагая, что вы используете тег
для загрузки CSS принтера, вы можете временно изменить атрибут
media
наscreen
:
Опять же, разрывы страниц не отображаются. Не забудьте восстановить для атрибута значение
media = "print"
после завершения тестирования.Удалить ненужные разделы
Прежде чем делать что-либо еще, удалите и сверните избыточное содержимое с помощью
display: none;
. Типичные ненужные разделы на бумаге могут включать в себя меню навигации, главные изображения, заголовки, нижние колонтитулы, формы, боковые панели, виджеты социальных сетей и рекламные блоки (обычно что-либо в iframe):
верхний колонтитул, нижний колонтитул, в сторону, навигация, форма, iframe,.menu, .hero, .adslot { дисплей: нет; }
Может потребоваться использовать
display: none! Important;
, если функции CSS или JavaScript показывают элементы в соответствии с определенными состояниями пользовательского интерфейса. Использование! Important
обычно не рекомендуется, но мы можем оправдать его использование в базовом наборе стилей принтера, которые переопределяют настройки экрана по умолчанию.Линеаризация макета
Мне больно это говорить, но Flexbox и Grid редко хорошо сочетаются с макетами принтера в любом браузере.Если вы столкнулись с проблемами, рассмотрите возможность использования
display: block;
или аналогичный на блоках макета и при необходимости отрегулируйте размеры. Например, установитеwidth: 100%;
, чтобы охватить всю ширину страницы.Стиль принтера
Теперь можно применять стили для печати. Рекомендации:
- убедитесь, что вы используете темный текст на белом фоне
- рассмотрите возможность использования шрифта с засечками, который может быть легче читать
- отрегулируйте размер текста до
12pt
или выше- при необходимости измените отступы и поля.Стандартные
см
,мм
илив единицах
могут быть более практичными.Дополнительные предложения включают…
Принять столбцы CSS
Стандартная бумага формата A4 и US Letter может приводить к получению более длинных и менее читаемых строк текста. Рассмотрите возможность использования столбцов CSS в макетах печати. Например:
статья { ширина столбца: 17em; столбец-пробел: 3em; }
В этом примере столбцы будут созданы при наличии не менее
37em
горизонтального пространства.Нет необходимости устанавливать медиа-запросы; дополнительные столбцы будут добавлены на более широкой бумаге.Использовать границы вместо цветов фона
В вашем шаблоне могут быть разделы или поля выноски, обозначенные более темными или инвертированными цветовыми схемами:
Экономьте чернила, представляя эти элементы рамкой:
Удалить или инвертировать изображения
Пользователи не захотят печатать декоративные и второстепенные изображения и фоны. Вы можете рассмотреть вариант по умолчанию, когда все изображения скрыты, если у них нет
* { фоновое изображение: нет! важно; } img, svg { дисплей: нет! важно; } img.print, svg.print { дисплей: блок; максимальная ширина: 100%; }
В идеале в печатных изображениях должны использоваться темные цвета на светлом фоне. Можно изменить цвета SVG, встроенного в HTML, в CSS, но будут ситуации, когда у вас будут более темные растровые изображения:
Фильтр CSS можно использовать для инвертирования и настройки цветов в таблице стилей печати. Например:
img.dark { фильтр: инвертировать (100%) оттенок-поворот (180 градусов) яркость (120%) контраст (150%); }
Результат:
Добавить дополнительный контент
Печатные носители часто требуют дополнительной информации, которая не требуется на экране.Свойство содержимого CSS
.можно использовать для добавления текста к псевдоэлементам
:: before
и:: after
. Например, укажите URL ссылки в скобках после текста:a :: after { содержание: "(" attr (href) ")"; }
Или вы можете добавить сообщения только для печати:
main :: after { содержание: «Авторские права site.com»; дисплей: блок; выравнивание текста: центр; }
Для более сложных ситуаций рассмотрите возможность использования класса
Статья напечатана в 13:23 5 сентября 2020 г. Последнюю версию можно найти на странице https://site.com/.
CSS:
.Распечатать { дисплей: нет; } @media print { .Распечатать { дисплей: блок; } }
Примечание. Большинство браузеров отображают URL-адрес и текущую дату / время в верхнем и / или нижнем колонтитуле напечатанной страницы, поэтому генерировать эту информацию в коде возникает редко.
Разрывы страниц
Свойства CSS3
break-before
иbreak-after
позволяют контролировать поведение разрывов страниц, столбцов или областей до и после элемента.Поддержка отличная, но старые браузеры могут использовать аналогичные свойстваpage-break-before
иpage-break-after
.Могут использоваться следующие значения
обрыв до
иобрыв после
:
auto
: по умолчанию - перерыв разрешен, но не принудительноизбегайте
: избегайте разрывов на странице, столбце или областиизбегайте страниц
: избегайте разрывов страницыстраница
: принудительный разрыв страницывсегда
: псевдонимстраница
слева
: принудительный разрыв страницы, чтобы следующая была левая страницасправа
: принудительно разрывать страницу, чтобы следующая была праваяПример: принудительный разрыв страницы непосредственно перед любым заголовком
:
h2 { break-before: всегда; }
Примечание: будьте осторожны с чрезмерным использованием разрывов страниц.В идеале при выводе на принтер должно использоваться как можно меньше страниц.
Свойство
break-inside
(и более раннееpage-break-inside
) указывает, разрешен ли разрыв страницы внутри элемента. Обычно поддерживаемые значения:
auto
: по умолчанию - перерыв разрешен, но не принудительноизбегать
: избегать внутреннего разрыва, где это возможноизбегайте страниц
: избегайте внутренних разрывов страницы, где это возможноЭто может быть предпочтительнее указания разрывов страниц, поскольку вы можете использовать как можно меньше бумаги, избегая разрывов страниц в сгруппированных данных, таких как таблицы или изображения:
table, img, svg { взлом внутрь: избегать; }
Свойство
widows
определяет минимальное количество строк в блоке, которое должно отображаться на верхних страницах.Представьте себе блок с пятью строками текста. Браузер хочет сделать разрыв страницы после четвертой строки, чтобы последняя строка отображалась вверху следующей страницы. Установкавдов: 3;
прерывается на второй строке или перед ней, поэтому на следующую страницу переносятся не менее трех строк.Свойство
orphans
аналогичноwidows
, за исключением того, что оно управляет минимальным количеством строк, отображаемых в нижней части страницы.Свойство
box-decoration-break
управляет границами элементов на страницах.Когда у элемента с рамкой есть внутренний разрыв страницы:
срез
: по умолчанию, разбивает макет. Верхняя граница отображается на первой странице, а нижняя граница отображается на второй странице.clone
: копирует поле, заполнение и границу. Все четыре границы показаны на обеих страницах.Наконец, CSS Paged Media (
@page
) имеет ограниченную поддержку браузера, но предоставляет способ нацеливания на определенные страницы, поэтому можно определить альтернативные поля или разрывы:@страница { запас: 2см; } @page: first { край-верх: 6см; } @page: left { поле справа: 4 см; } @page: right { поле слева: 4 см; }
Свойства разрыва страницы CSS могут быть помещены в ваш экран
.
илиИмейте в виду, что контроль разрыва страницы - это не более чем предложение для браузера. Нет гарантии, что разрыв будет принудительным или предотвращенным, потому что макет ограничен пределами бумаги.
Краски для печати
Контроль над печатными веб-носителями всегда будет ограничен, и результаты могут отличаться в зависимости от браузера. Тем не менее:
- таблицы стилей, удобные для печати, могут быть адаптированы к любому сайту
- большинство стилей принтера будут работать в большинстве браузеров
Стили печати- не повлияют на существующую функциональность и не нарушат ее
- затраты на разработку минимальны.
Добавление нескольких разрывов страниц и удаление ненужных разделов порадует пользователей и поднимет ваш сайт над конкурентами. Добавьте его в свой список дел!
Для более углубленных знаний CSS прочтите нашу книгу «Мастер CSS, 2-е издание».
Страничный носитель
Страничный носительСтраничный носитель (например, бумага, прозрачные пленки, отображаемые страницы на экранах компьютеров и т. д.) отличаются от непрерывных носителей что содержимое документа разделено на один или несколько отдельных страниц.Для обработки страниц CSS 2.1 описывает, как устанавливаются поля страницы. на страницах и как объявляются разрывы страниц.
Пользовательский агент отвечает за перенос страничных боксов документ на реальные листа , где документ будет в конечном итоге будут отрисованы (бумага, прозрачная пленка, экран и т. д.). Есть часто связь один-к-одному между страничным блоком и листом, но это не всегда так. Возможности переноса включают:
- Перенос одного страничного бокса на один лист (например,г., односторонняя печать).
- Перенос двух страничных боксов на обе стороны одного листа (например, двусторонняя печать).
- Перенос N (малых) страничных боксов на один лист (так называемый «n-up»).
- Перенос одного (большого) страничного бокса на N x M листов (так называемый «мозаичный»).
- Создание подписей. Подпись - это группа страниц напечатанные на листе, который в сложенном и обрезанном виде, как книга, появляется в их правильная последовательность.
- Печать одного документа на несколько выходных лотков.
- Вывод в файл.
13.2 Блоки страниц: правило @page
Страница Поле представляет собой прямоугольную область, содержащую две области:
- Область страницы . Область страницы включает поля, выложенные на этой странице. Края первой страницы области установить прямоугольник, который является начальным содержащим блоком документ. Фон холста закрашивается внутри и покрывает область страницы.
- Область поля, которая окружает область страницы.Область поля страницы прозрачная.
Размер страничного бокса нельзя указать в CSS 2.1.
Авторы могут указывать поля страничного бокса внутри правила @page. Правило @page состоит из ключевого слова "@page", за которым следует необязательная страница селектор, за которым следует блок, содержащий объявления и по правилам. Комментарии и пробелы между ними разрешены, но не являются обязательными. токен @page и селектор страниц и между селектором страниц и блок. Заявления в Говорят, что правило @page находится на странице Контекст .
Примечание. CSS уровня 2 не имеет правил, которые могут отображаться внутри @page, но ожидается, что такие правила будут определены в Уровень 3.
Страница селектор указывает, для каких страниц объявления применять. В CSS 2.1 селекторы страниц могут обозначать первую страницу, все левые страницы или все правые страницы
Правила обработки некорректных объявлений, некорректных операторы и недопустимые at-правила внутри @page определены в разделе 4.2, с следующее дополнение: когда UA ожидает начала объявления или at-правило (я.e., токен IDENT или токен ATKEYWORD), но находит неожиданный токен, этот токен считается первым токен искаженного объявления. То есть правило искаженного объявления, а не искаженные операторы используются для определения какие токены игнорировать в этом случае.
13.2.1 Поля страницы
В CSS 2.1 только поля свойства ('верхняя граница', 'margin-right', 'margin-bottom', 'margin-left' и 'margin') применяются в контексте страницы. На следующей диаграмме показан отношения между листом, страничным блоком и полями страницы:
Примеры:
Вот простой пример, который устанавливает все поля на всех страницах:
@страница { запас: 3см; }Контекст страницы не имеет понятия шрифты, поэтому единицы 'em' и 'ex' не допускаются.Значения в процентах на свойства полей относятся к размерам страничного бокса; для левого и правого полей они относятся ширине страничного бокса, а для верхнего и нижнего полей они см. высоту страничного бокса. Все остальные подразделения, связанные с разрешены соответствующие свойства CSS 2.1.
Из-за отрицательных значений полей (либо на страничном боксе, либо на элементы) или абсолютное размещение контента может оказаться за пределами страничного бокса, но это контент может быть «вырезан» пользовательским агентом, принтером или, в конечном итоге, резак для бумаги.
13.2.2 Селекторы страниц: выбор левой, правой и первой страниц
При печати двусторонних документов страница поля на левой и правой страницах могут отличаться. Это может быть выражается через два псевдокласса CSS, которые могут использоваться в селекторах страниц.
Все страницы автоматически классифицируются пользовательскими агентами на : влево или: вправо псевдокласс. Будет ли первая страница документа: левая или правая, зависит от основное направление письма корневого элемента.Например, первый страница документа с основным направлением письма слева направо будет быть: правой страницей и первой страницей документа с Основное направление письма справа налево будет: левая страница. К явно заставить документ начать печать на левой или правой странице, авторы могут вставить разрыв страницы перед первый сгенерированный ящик.
Примеры:
@page: left { поле слева: 4 см; поле справа: 3 см; } @page: right { поле слева: 3 см; поле справа: 4 см; }Если для левой и правой страниц были даны разные объявления, пользовательский агент должен соблюдать эти объявления, даже если пользовательский агент не переносит страничные боксы на левый и правый листы (например.г., а принтер, который печатает только с одной стороны).
Авторы также могут указать стиль для первой страницы документа. с псевдоклассом: first:
Примеры:
@page {margin: 2cm} / * Все поля установлены на 2 см * / @page: first { margin-top: 10 см / * Верхнее поле на первой странице 10 см * / }Свойства, указанные в переопределении правила: left или: right @page те, которые указаны в правиле @page, для которого не указан псевдокласс. Свойства, указанные в правиле: first @page, переопределяют указанные in: left или: right @page rules.
Если принудительный останов произошел до первого сгенерированное поле, в CSS 2.1 не определено, является ли ': first' применяется к пустой странице перед разрывом или к странице после него.
Заявление о марже на левой, правой и первой страницах может привести к разная ширина области страницы. Упростить реализации, пользовательские агенты могут использовать ширину области одной страницы на левой, правой и первой страницах. В этом случае ширина области страницы первой страницы.
13.2.3 Содержимое вне страничного блока
При форматировании содержимого в модели страницы некоторое содержимое может закончиться вне поля текущей страницы.Например, элемент, чье свойство "пробел" имеет свойство значение 'pre' может создавать блок, который шире, чем блок страницы. В виде другой пример, когда ящики расположены абсолютно или относительно, они могут оказаться в «неудобных» местах. Например, изображения могут размещаться на краю страничного бокса или на 100 000 метров ниже страницы коробка.
Точное форматирование таких элементов выходит за рамки эта спецификация. Однако мы рекомендуем авторам и пользовательским агентам соблюдайте следующие общие принципы в отношении контента за пределами страничный бокс:
- Содержимое должно быть немного за пределами страничного бокса, чтобы страницы, чтобы «истекать кровью».
- Пользовательские агенты должны избегать создания большого количества пустых страниц ящики для соблюдения позиционирования элементов (например, вы не хотите распечатать 100 пустых страниц).
- Авторы не должны размещать элементы в неудобных местах просто чтобы избежать их рендеринга.
- Пользовательские агенты могут обрабатывать блоки, расположенные за пределами страничного блока в несколькими способами, включая их удаление или создание страничных боксов для их в конце документа.
В этом разделе описаны разрывы страниц в CSS 2.1. Пять свойства указывают, где пользовательский агент может или должен разбивать страницы, и на какой странице (слева или справа) должно возобновляться последующее содержимое. Каждый разрыв страницы завершает макет на текущей странице box и заставляет оставшиеся части дерева документа размещаться в новом страничный блок.
13.3.1 Свойства разрыва страницы: 'page-break-before', 'разрыв страницы после', 'разрыв страницы внутри'
- 'разрыв страницы перед'
Значение: авто | всегда | избегать | слева | право | наследовать Начальный: авто Применимо к: блочным элементам (но см. Текст) Унаследовано: нет В процентах: Н / Д Медиа: визуальный, постраничный Вычисленное значение: как указано
- 'разрыв страницы после'
Значение: авто | всегда | избегать | слева | право | наследовать Начальный: авто Применимо к: блочным элементам (но см. Текст) Унаследовано: нет В процентах: Н / Д Медиа: визуальный, постраничный Расчетное значение: как указано
- 'страница-разрыв внутри'
Значение: избегать | авто | наследовать Начальный: авто Применимо к: блочным элементам (но см. Текст) Унаследовано: нет В процентах: Н / Д Медиа: визуальный, постраничный Расчетное значение: как указано Значения этих свойств имеют следующие значения:
- авто
- Ни принудительно, ни запрещает разрыв страницы до (после, внутри) сгенерированный ящик.
- всегда
- Всегда принудительно переносить страницу до (после) сгенерированный ящик.
- избегать
- Избегайте разрывов страницы перед (после, внутри) сгенерированным блоком.
- слева
- Сделать один или два разрыва страницы перед (после) сгенерированного ящика чтобы следующая страница была отформатирована как левая.
- правый
- Установить один или два разрыва страницы до (после) сгенерированного поле, чтобы следующая страница была отформатирована как правая страница.
Агент пользователя, соответствующий требованиям может интерпретировать значения «влево» и «вправо» как «всегда».
Возможное место разрыва страницы обычно находится под влиянием родительского элемента page-break-inside свойство, свойство 'page-break-after' свойство предыдущего элемента и свойство 'page-break-before' следующего элемента. Когда эти свойства имеют другие значения чем 'auto', значения 'always', 'left' и 'right' имеют приоритет через «избегать».
Пользовательские агенты должны применять эти свойства к элементам уровня блока. в нормальном потоке корневого элемента.Пользовательские агенты также могут применять эти свойства к другим элементам, например, элементам 'table-row'.
Когда разрыв страницы разделяет прямоугольник, поля, границы и отступы не имеют визуального эффекта там, где происходит разделение.
13.3.2 Разрывы внутри элементов: «сироты», «вдовы»
- 'сироты'
Значение: <целое число> | наследовать Начальный: 2 Применимо к: блочные элементы контейнера Унаследовано: да В процентах: Н / Д Медиа: визуальный, постраничный Расчетное значение: как указано
- вдовы
Значение: <целое число> | наследовать Начальный: 2 Применимо к: блочные элементы контейнера Унаследовано: да В процентах: Н / Д Медиа: визуальный, постраничный Расчетное значение: как указано Имущество "сирот" указывает минимальное количество строк в контейнере блока, которое необходимо оставить внизу страницы.Свойство widows указывает минимум количество строк в блок-контейнере, которые необходимо оставить вверху страницы. Примеры того, как они используются для управления разрывами страниц, приведены ниже.
Разрешены только положительные значения.
Для получения информации о форматировании абзацев, пожалуйста, обратитесь к раздел на строчных ящиках.
13.3.3 Допустимые разрывы страниц
В нормальном потоке разрывы страниц могут происходить в следующих местах:
- На вертикальном поле между блоками уровня блока.Когда невынужденная страница здесь происходит перерыв, использованный значения соответствующих свойств 'margin-top' и 'margin-bottom' равны установлен на «0». Когда здесь происходит принудительный разрыв страницы, используемое значение установлено соответствующее свойство 'margin-bottom' на «0»; соответствующее используемое значение "верхней границы" может либо должен быть установлен на «0» или сохранен.
- Между строчными рамками внутри блок-контейнера.
- Между краем содержимого блока контейнера блока и внешними краями его дочерний контент (края полей дочерних элементов уровня блока или края линейного блока для дочерних элементов инлайн-уровня), если между ними есть (ненулевой) разрыв.
Примечание. Ожидается, что CSS3 определит, что применяется соответствующий 'margin-top' (т. е. не установлен на '0') после принудительного разрыв страницы.
Эти перерывы регулируются следующими правилами:
- Правило A: Разрыв в точке (1) разрешен только в том случае, если свойства 'page-break-after' и 'page-break-before' для всех элементы, генерирующие коробки, которые встретиться с этой границей, разрешить это, когда, по крайней мере, один из них имеет значение «всегда», «левый» или «правый», или когда все они 'авто'.
- Правило B: Однако, если все они являются «автоматическими» и общий предок всех элементов имеет значение 'разрыва страницы внутри', равное 'избегайте', то взлом здесь не допускается.
- Правило C: Разрыв в точке (2) разрешен, только если количество строк между перерыв и начало ограничивающего блока блока стоимость "сирот" или более, а также количество линии между разрывом и концом поля стоимость «вдов» и более.
- Правило D: Кроме того, разрыв в (2) или (3) разрешено, только если свойство 'page-break-inside' элемента и всех его предков - «авто».
Если указанное выше не обеспечивает достаточного количества точек останова для сохранения содержимого от переполнения страничных боксов, тогда правила A, B и D отбрасываются в чтобы найти дополнительные точки останова.
Если это все еще не приводит к достаточному количеству точек останова, правило C также отбрасывается, чтобы найти еще больше точек останова.
13.3.4 Принудительные разрывы страниц
Разрыв страницы должен происходить в (1), если среди «разрыва страницы после» и «разрыва страницы-перед» свойства всех элементов, образующих боксы, которые встречаются в этом маржа, есть хотя бы один со значением 'always', 'left' или 'верно'.
13.3.5 «Лучшие» разрывы страниц
CSS 2.1 не , а не определяет, какой из набора разрешенных разрывов страниц необходимо использовать; CSS 2.1 не запрещает пользовательскому агенту взламывать каждый возможна точка останова, или вообще не ломаться. Но CSS 2.1 рекомендует что пользовательские агенты соблюдают следующие эвристики (при распознавании что они иногда противоречат друг другу):
- Прервите как можно меньше раз.
- Сделать так, чтобы все страницы, которые не заканчиваются принудительным разрывом, имели примерно такой же высоты.
- Избегайте поломки заменяемого элемента.
Примеры:
Предположим, например, что таблица стилей содержит "сирот: 4", "вдов: 2" и 20 строк (строчные боксы) доступно внизу текущей страницы:
- Если абзац в конце текущей страницы содержит 20 строк или меньше, он должен быть размещен на текущей странице.
- Если абзац содержит 21 или 22 строки, вторая часть параграф не должен нарушать ограничение «вдовы», поэтому вторая часть должна содержать ровно две строки
- Если абзац содержит 23 или более строк, первая часть должна содержат 20 строк, а вторая часть - остальные строки.
Теперь предположим, что «сироты» '10', "вдовы" - это "20", и в нижней части текущей страницы доступно 8 строк:
- Если абзац в конце текущей страницы содержит 8 строк или меньше, он должен быть размещен на текущей странице.
- Если абзац содержит 9 или более строк, его нельзя разделить (это нарушило бы сиротское ограничение), поэтому он должен переместиться как блок на следующую страницу.
Объявления в контексте страницы подчиняются каскад как обычный CSS декларации.
Примеры:
Рассмотрим следующий пример:
@страница { поле слева: 3 см; } @page: left { поле слева: 4 см; }В связи с высшим специфика селектора псевдокласса, левое поле слева страницы будут иметь размер 4 см, а все остальные страницы (т. е. правильные страницы) будут оставить поле 3 см.
Как обрабатывать разрывы страниц при печати большой HTML-таблицы
Решение со свойством CSS page-break-inside¶
Прочтите наш фрагмент, если вам нужно напечатать HTML-таблицу с большим количеством строк на нескольких страницах.Для этого вам понадобится свойство CSS page-break-inside, которое помогает указать, как документ должен вести себя при печати.
Пример обработки разрывов страниц при печати большой таблицы: ¶
Попробуйте сами »
Название документа <стиль> Таблица { разрыв страницы внутрь: авто; } tr { разрыв страницы внутрь: избегать; разрыв страницы после: авто; } thead { отображение: таблица-заголовок-группа; } tfoot { дисплей: таблица-нижний колонтитул-группа; } <таблица><фут> заголовок примечания 1 2 3 В нашем примере мы установили для свойства page-break-inside значение« auto »для элемента