print-color-adjust: намерение сохранить цвета при печати
Print-color-adjust задаёт пожелание по экономии или сохранению цветов при выводе документа. Оно полезно для отдельных печатных блоков, где цветовое оформление помогает чтению.
Назначение
Print-color-adjust задаёт пожелание по экономии или сохранению цветов при выводе документа. Оно полезно для отдельных печатных блоков, где цветовое оформление помогает чтению.
Как это работает
Economy допускает экономящие изменения, exact просит сохранить оформление точнее. Пользовательские настройки печати и решение браузера могут иметь приоритет. Ниже обычная заметка с отдельным печатным правилом.
Пример
<style>.print-tone{padding:1rem;border:2px solid #275f40;background:#e0efe5;color:#173923}@media print{.print-tone{print-color-adjust:exact}}</style>
<aside class="print-tone"><strong>Проверка перед печатью</strong><p>Смысл заметки понятен по тексту и рамке даже без фона.</p></aside>Что должно получиться
На экране видна оформленная заметка. В предпросмотре печати браузер получает пожелание сохранить цвета, однако окончательный результат зависит от настроек пользователя и устройства.
Граница применения и частая ошибка
Exact не гарантирует печать фоновых изображений и не заменяет текстовые признаки состояния. Не заставляйте читателя расходовать много краски на большие заливки. Контраст должен оставаться достаточным при чёрно-белом выводе.
Самостоятельная проверка
Откройте печать отдельного учебного документа и сравните включённую и выключенную печать фонов. Проверьте economy и exact. Убедитесь, что без любого фона предупреждение остаётся различимым и понятным.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Проверки печати, загрузки файлов и сетевых ответов выполняйте в отдельном учебном проекте.