Псевдокласс :right

Псевдокласс :right позволяет задать стиль всех правых страниц напечатанного на принтере документа, к примеру, установить поля печати. :right работает только совместно с правилом @page.

Для :right доступен ограниченный набор стилевых свойств: margin (и его производные, вроде margin-top), orphans, widows, break-after, break-before, break-inside.

Синтаксис

@page :right { … }

Пример

Код примера скопирован в буфер
<!DOCTYPE html>
<html lang="ru">
 <head>
  <meta charset="utf-8">
  <title>:right</title>
  <style>
   @page :left {
    margin: 2cm 4cm 2cm 2cm; /* Левые страницы */
   }
   @page :right {
    margin: 2cm 2cm 2cm 4cm; /* Правые страницы */
   }
   @media print {
    button {
     display: none; /* Прячем кнопку для печати */
    }
   }
  </style>
 </head>
 <body>
  <h2>Наблюдение запутанности Эйнштейна-Подольского-Розена 
   на супраквантовых структурах при пропускании через нелинейный 
   трансурановый кристалл импульса сверхдлинных волн из набора 
   источников синхронизированных мод.</h2>
  <p>Автор: Гордон Фримен, канд. физ.-мат. наук</p>
  <p><button onclick="window.print()">Распечатать</button></p>
 </body>
</html>

Спецификация

Браузеры

8 12 18 9.2 6
4.4 10.1 6
Печать Псевдоклассы