@page | Свойства CSS - @-правила - Справочник CSS-3 - Каталог статей

Главная » Все материалы сайта » Справочник CSS-3 » @-правила

@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 — для первой страницы.

Пример

<!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>В маленьком купе первого класса, которое я заказал заранее, шумно лил дождь по крыше. Я 
немедля опустил оконную занавеску и, как только носильщик, обтирая мокрую руку о свой белый 
фартук, взял на чай и вышел, на замок запер дверь. Потом чуть приоткрыл занавеску и замер, 
не сводя глаз с разнообразной толпы, взад и вперед сновавшей с вещами вдоль вагона в 
темном свете вокзальных фонарей. Мы условились, что я приеду на вокзал как можно раньше, 
а она как можно позже, чтобы мне как-нибудь не столкнуться с ней и с ним на платформе. 
Теперь им уже пора было быть.</p>
 <p>Я смотрел все напряженнее - их все не было. Ударил второй звонок - я похолодел от страха: 
опоздала или он в последнюю минуту вдруг не пустил ее! Но тотчас вслед за тем был поражен 
его высокой фигурой, офицерским картузом, узкой шинелью и рукой в замшевой перчатке, 
которой он, широко шагая, держал ее под руку. Я отшатнулся от окна, упал в угол дивана. 
Рядом был вагон второго класса - я мысленно видел, как он хозяйственно вошел в него вместе 
с нею, оглянулся, - хорошо ли устроил ее носильщик, - и снял перчатку, снял картуз, целуясь 
с ней, крестя ее... Третий звонок оглушил меня, тронувшийся поезд поверг в оцепенение... 
Поезд расходился, мотаясь, качаясь, потом стал нести ровно, на всех парах... Кондуктору, 
который проводил ее ко мне и перенес ее вещи, я ледяной рукой сунул десятирублевую бумажку... </p>
 </body>
</html>

Поделись ссылкой на эту страницу с друзьями:

Категория: @-правила | Добавил: free20860soft (02.03.2014)

Просмотров: 593 | Теги: свойства CSS, @правила | Рейтинг: 5.0/1

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]