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

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

body {display: none; }   

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

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

<link rel="stylesheet" href="main.css">
<link rel="stylesheet" media="print" href="print.css">

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

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

@media print {
  body {
    display: none
  }
}   

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