Разработчики CSS предоставили гибкий механизм для управления отображением страниц на различных типах устройств. Тип устройства можно указать с помощью атрибута media в теге link при подключении внешней таблицы стилей, предназначенной для вывода на принтер: media=”print” со ссылкой на таблицу стилей href=”printer.css”. Если же тип устройства указывается в общей таблице, то применяется правило @media print { }, выделяющее стили, предназначенные только для печати. При этом стили для печати помещаются внутри фигурных скобок.
Во избежание конфликтов стилей, предназначенных для вывода на печать с экранными стилями полезно во время разработки обеспечить стилям для печати более высокий приоритет. Для этого необходимо применять правило !important после значений свойств в CSS‑коде, относящимся к стилям для печати.
При изменении текстовых стилей важно обращать внимание на размер и цвет шрифта. Размер шрифта следует указывать в пунктах. Общепринятый размер для печати 12 пунктов. Пример — font-size: 12pt. Цвет лучше указывать чёрный (color: #000), помня о том, что большинство пользователей для печати применяют лазерные принтеры. Для замены фона применяется свойство background (background: white).
Нежелательные области страницы, такие как баннер, скрываются с помощью свойства display: none. При желании отобразить логотип сайта при выводе на печать следует специально подготовить его изображение, предназначенное для вывода на печать.
И последнее. Есть два широко распространённых свойства CSS — это page‑break‑before и page-break‑after, предназначенные для установки разрывов страниц. Первое полезно добавлять к стилям заголовков, которые желательно видеть вверху страницы (page-break‑before: always). Соответственно, чтобы элемент оказался на странице последним, к нему нужно применить page-break‑after: always.
168 |
0
