Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
8.0 + | 2.0 + | 6.0 + | 5.0 + |
Коротка інформація
Значення за умовчанням | Ні |
---|---|
Посилання на специфікацію | http://www.w3.org/TR/CSS2/page.html#page-box |
Версії CSS
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
---|---|---|---|
Опис
Правило @ page дозволяє задати значення полів при друку документа або для сторінок, у яких тип носія заданий як print .
Синтаксис
@ page [{: left | : Right | : First}] {Значення відступів}
Значення
Для установки полів на сторінці використовується універсальний атрибут margin або його похідні - margin-top, margin-right, margin-bottom і margin-left, що задають відповідно відступ зверху, праворуч, знизу і зліва. Негативне значення допускається, але частина сторінки може виявитися «відрізаною». Властивості border і padding неспроможні.
Ключове слово : left дозволяє задати поля для всіх лівих сторінок, : right - для всіх правих, а : first - для першої сторінки.
Приклад
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> @ page </title> <style> @media print { /* Стиль для друку */ body {font-family: Times, 'Times New Roman', serif; /* Шрифт із зарубками */ } h1, h2, p {color: #000; /* Чорний колір тексту */ }} @page: first {margin: 1cm; /* Відступ для першої сторінки */ } @page: left {margin: 1cm 3cm 1cm 1.5cm; /* Відступ для всіх лівих сторінок */ } @page: right {margin: 1cm 3cm 1cm 1.5cm; /* Відступ для всіх правих сторінок */ } </style> </head> <body> <h1> Метод лову лева в пустелі </h1> <h2> Метод послідовного перебору </h2> <p> Нехай лев має габаритні розміри LxWxH, де L - довжина лева від кінчика носа до пензлика хвоста, W - ширина лева, а H - його висота. Після чого пустелю розбиваємо на ряд елементарних прямокутників, розмір яких збігається з шириною і довжиною лева. З огляду на, що лев може перебувати не строго на заданій ділянці, а одночасно на двох з них, клітку для лову варто робити підвищеної площі, а саме 2Lx2W. Завдяки цьому ми уникнемо помилки, коли в клітці виявиться спійманим лише половина лева або, що гірше, тільки його хвіст. </p> <p> Далі послідовно накриваємо кожен з розмічених прямокутників пустелі клітиною і перевіряємо, спійманий лев чи ні. Як тільки лев опиниться в клітці, процедура затримання вважається завершеною. </p> </body> </html>