Инструменты пользователя

Инструменты сайта


css:block_web-page_from_printing

Это старая версия документа!


# Как заблокировать веб-страницу от печати с помощью CSS

С помощью CSS легко запретить людям печатать ваши веб-страницы. Вам просто нужно создать однострочную таблицу стилей с именем «print.css», которая включает следующую строку CSS.

```css body {display: none; } ```

Этот единый стиль превратит элемент «body» ваших страниц в то, что они не отображаются – и поскольку все на ваших страницах является дочерним элементом элемента body, это означает, что вся страница/сайт не будет отображаться.

Получив таблицу стилей «print.css», вы загрузите ее в свой HTML как таблицу стилей для печати. Таблицу стилей печати можно добавить в HTML `head` после стандартной таблицы стилей:

```html <link rel=«stylesheet» href=«main.css»> <link rel=«stylesheet» media=«print» href=«print.css»> ```

Стили `print.css` будут применяться в дополнение к стилям экрана , когда страница печатается.

Эта информация сообщает браузеру, что, если эта веб-страница настроена на печать, использовать эту таблицу стилей вместо любой таблицы стилей по умолчанию, которую страницы используют для отображения на экране. Когда страницы переключаются на этот лист “print.css”, включается стиль, при котором вся страница не отображается, и все, что будет напечатано, будет пустой страницей.

## Блокировать одну страницу за раз

Если вам не нужно блокировать много страниц на вашем сайте, вы можете заблокировать печать постранично, используя следующие стили, вставленные в заголовок вашего HTML. ```css @media print {body {display: none}} ```

Этот стиль внутри страницы будет иметь более высокую специфичность, чем любые стили внутри ваших внешних таблиц стилей, что означает, что страница не будет печататься вообще, в то время как другие страницы без этой строки будут печататься нормально.

/var/www/html/dokuwiki/data/attic/css/block_web-page_from_printing.1670960393.txt.gz · Последнее изменение: (внешнее изменение)