Удаление названия страницы и даты при печати веб-страницы (с CSS?)
По умолчанию при печати веб-страницы название страницы и и URL печатается в верхней части страницы, и аналогично дата и время печатается внизу.
Возможно удалить это дополнительное, поскольку Вы печатаете через Установочное меню СТРАНИЦЫ (под ФАЙЛОМ в Интернете Exp)
Кто-либо знает о способе сделать это с помощью CSS или JavaScript?
2 ответа
Исторически было невозможно заставить эти вещи исчезнуть, поскольку они являются пользовательскими настройками и не считаются частью контролируемой вами страницы.
Однако с 2017 года было стандартизировано @page at-правило , которое можно использовать для скрытия заголовка и даты страницы в современных браузерах:
@page { size: auto; margin: 0mm; }
Печатать верхние и нижние колонтитулы и поля печати
При печати веб-документов поля устанавливаются в диалоговом окне браузера «Параметры страницы» (или «Параметры печати»). Эти настройки полей, хотя и устанавливаются в браузере, контролируются на уровне операционной системы / драйвера принтера и не контролируются на уровне HTML / CSS / DOM. (Для верхних и нижних колонтитулов печатных страниц, управляемых CSS, см. Печать заголовков.)
Параметры должны быть достаточно большими, чтобы охватить физические непечатные области принтера. Кроме того, они должны быть достаточно большими, чтобы охватить верхний и нижний колонтитулы, которые браузер обычно настроен для печати (обычно заголовок страницы, номер страницы, URL-адрес и дата). Обратите внимание, что эти верхние и нижние колонтитулы, хотя и задаются браузером и обычно настраиваются с помощью пользовательских настроек, не являются частью самой веб-страницы и, следовательно, не управляются с помощью CSS. С точки зрения CSS, они выходят за рамки Page Box CSS2.1, раздел 13.2.
... т.е. установка поля 0 скрывает заголовок страницы, потому что заголовок печатается на поле.
Благодарим Vigneswaran S за этот совет.
Есть возможность иметь отдельную таблицу стилей для печати, используя
<link type="text/css" rel="stylesheet" media="print" href="print.css">
, но я не знаю, делает ли она то, что вы хотите.