Правило @page в CSS
| 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 - для першої сторінки.
Приклад
HTML5CSS2.1CSS3IECrOpSaFx
<!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>Нехай лев має габаритні розміри ДхШхВ, де Д - довжина лева від носа до кінчика хвоста, Ш - ширина лева, а В - його висота. Після цього пустелю розбиваємо на ряд елементарних прямокутників, розмір яких співпадає з шириною і довжиною лева. З урахуванням того, що лев може знаходитися не строго на заданому відрізку, а одночасно на двох з них, клітку для ловлі слід робити збільшеної площі, а саме 2Дх2Ш. Завдяки цьому ми уникнемо помилки, коли в клітці опиниться вловлений лише половину лева або, що гірше, тільки його хвіст.</p>
<p>Далі послідовно накриваємо кожен з розмічених прямокутників пустелі кліткою і перевіряємо, чи вловлений лев. Як тільки лев опиниться в клітці, процедура спіймання вважається завершеною.</p>
</body>
</html>