Видимость элемента при печати (print-visibility)link

https://dev.ru.simai.io/ru/ui/utility/print/print-visibility.php

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

Классы и их значенияlink

Класс Значение
.print-visible Во время печати элемент будет видим (visibility: visible;)
.print-visible-none Во время печати элемент будет скрыт (visibility: hidden;)

Описаниеlink

Данные модификаторы изменяют видимость элемента только при выводе документа на печать. Они не влияют на состояние элемента при обычном просмотре страницы в браузере.

Синтаксисlink

  • print-visible – при печати элемент будет видим.
  • print-visible-none – при печати элемент будет скрыт.

Пример использованияlink

<div class="print-visible-none">
  <!-- Этот элемент будет скрыт при печати -->
  Контент, который не нужен при печати
</div>

<div class="print-visible">
  <!-- Этот элемент будет показан при печати -->
  Контент, необходимый только для печати
</div>