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

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


css:block_web-page_from_printing

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


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

## Блокировать весь сайт

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

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

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

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

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

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

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

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

body {
  display: none
}

} ```

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

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