| Следующая версия | Предыдущая версия |
| css:block_web-page_from_printing [2022/12/13 19:39] – создано so_v_a | css:block_web-page_from_printing [2026/08/06 08:58] (текущий) – so_v_a |
|---|
| | <!DOCTYPE markdown> |
| | |
| # Как заблокировать веб-страницу от печати с помощью CSS | # Как заблокировать веб-страницу от печати с помощью CSS |
| |
| С помощью CSS легко запретить людям печатать ваши веб-страницы. Вам просто нужно создать однострочную таблицу стилей с именем «print.css», которая включает следующую строку CSS. | ## Блокировать весь сайт |
| | |
| | С помощью CSS можно легко запретить людям печатать ваши веб-страницы. |
| | Для этого вам просто нужно создать однострочную таблицу стилей с именем «print.css», которая включает следующее CSS-правило. |
| |
| ```css | ```css |
| ``` | ``` |
| |
| Этот единый стиль превратит элемент «body» ваших страниц в то, что они не отображаются – и поскольку все на ваших страницах является дочерним элементом элемента body, это означает, что вся страница/сайт не будет отображаться. | Этот единственный стиль элемента <body> для ваших страниц сделает так, что они не будут отображаться |
| | – поскольку все элементы на ваших страницах являются дочерними для элемента <body>, то это означает, что вся страница/сайт не будет отображаться. |
| |
| Получив таблицу стилей «print.css», вы загрузите ее в свой HTML как таблицу стилей для печати. | Получив таблицу стилей «print.css», вы должны загрузить ее в свой HTML как таблицу стилей для печати. |
| Таблицу стилей печати можно добавить в HTML `head` после стандартной таблицы стилей: | Для этого таблицу стилей «print.css» нужно добавить в HTML <head> после стандартной таблицы стилей: |
| |
| ```html | ``` |
| <link rel="stylesheet" href="main.css"> | <link rel="stylesheet" href="main.css"> |
| <link rel="stylesheet" media="print" href="print.css"> | <link rel="stylesheet" media="print" href="print.css"> |
| ``` | ``` |
| |
| Стили `print.css` будут применяться в дополнение к стилям экрана , когда страница печатается. | Стили «print.css» будут применяться в дополнение к стилям экрана, когда страница печатается. |
| | При котором вся страница не будет отображаться, и все, что будет напечатано, это пустая страница. |
| Эта информация сообщает браузеру, что, если эта веб-страница настроена на печать, использовать эту таблицу стилей вместо любой таблицы стилей по умолчанию, которую страницы используют для отображения на экране. Когда страницы переключаются на этот лист “print.css”, включается стиль, при котором вся страница не отображается, и все, что будет напечатано, будет пустой страницей. | |
| |
| |
| Если вам не нужно блокировать много страниц на вашем сайте, вы можете заблокировать печать постранично, используя следующие стили, вставленные в заголовок вашего HTML. | Если вам не нужно блокировать много страниц на вашем сайте, вы можете заблокировать печать постранично, используя следующие стили, вставленные в заголовок вашего HTML. |
| ```css | ```css |
| @media print {body {display: none}} | @media print { |
| | body { |
| | display: none |
| | } |
| | } |
| ``` | ``` |
| | |
| Этот стиль внутри страницы будет иметь более высокую специфичность, чем любые стили внутри ваших внешних таблиц стилей, что означает, что страница не будет печататься вообще, в то время как другие страницы без этой строки будут печататься нормально. | Этот стиль внутри страницы будет иметь более высокую специфичность, чем любые стили внутри ваших внешних таблиц стилей, что означает, что страница не будет печататься вообще, в то время как другие страницы без этой строки будут печататься нормально. |
