Связь и интернет Архив Программирование
   
Сделать стартовойСделать закладку            
   ПОИСК  
   
Главная / CSS / Не для новичков /
8  Perl
8  PHP
8  JavaScript
8  HTML
8  DHTML
8  XML
8  CSS
8  C / C++
8  Pascal и Delphi
8  Турбо Ассемблер
8  MySQL
8  CASE-технологии
8  Алгоритмы
8  Python
8  Обратная связь
8  Гостевая книга
Новости о мире


Страничные устройства вывода - Программирование от RIN.RU
Страничные устройства вывода


Общее описание


Страничные устройства вывода (например, бумага в принтере или страницы, выводимые на экран дисплея) отличаются от непрерывных устройств тем, что документ разбивается на отдельные страницы. Для работы с такими устройствами в CSS введена модель страницы, которая позволяет авторам задавать размеры страницы и ее границ, а также управлять переходом на новую страницу. Модель страницы позволяет указать, как элементы документа должны располагаться в прямоугольнике страницы, имеющем фиксированные размеры. При этом размеры прямоугольника не обязательно совпадают с размерами реальной страницы, на которую будет произведено окончательное отображение документа. CSS не определяет, как именно обозреватель будет преобразовывать прямоугольник страницы в реальные страницы, но позволяет задать их размер и ориентацию.


Директива @page


Директива @page предназначена для задания свойств страниц. Она имеет следующий вид:


@page [селектор-страницы] {
правило;
...
правило;
}




Селектор-страницы - это либо имя страницы, либо один из следующих псевдоклассов:


:firstПервая страница документа
:leftЛевая страница (для двусторонней печати)
:rightПравая страница (для двусторонней печати)



Правила, указанные в директивы @page с селектором :left или :right, перекрывают правила директивы @page без селекторов. Правила, указанные в директивы @page с селектором :first, перекрывают правила директивы @page с селектором :left или :right (это зависит от направления вывода текста). Наконец, правила, указанные в директивы @page с именем страницы, перекрывают правила остальных директив @page.


Поддержка :Синтаксически соответствует стандарту, но поддерживается только шаблонами печати MSHTML (5.5+)
Не поддерживаeтся




Задание границ страницы


Для задания границ прямоугольника страницы используются свойства margin-left, margin-right, margin-top, margin-bottom и margin. Пример:


@page { margin: 2cm } /* Все границы равны 2 см */


Размер страницы: свойство size


Синтаксис:size: <размер> {1,2} | auto | portait | landscape | inherit
Начально:auto
Применимо:к страницам
Наследуемо:не определено
Проценты:не используются
Устройства:визуальные страничные

Поддержка :Не поддерживаeтся
Не поддерживаeтся


Свойство size задает размер и ориентацию прямоугольника страницы. Размеры страницы могут быть либо абсолютными, либо относительными. Абсолютные размеры задаются одним или двумя значениями типа <размер>. Если задано одно значение, то оно определяет размер страницы и по вертикали, и по горизонтали. Если заданы два значения, то первое определяет ширину страницы, а второе - ее высоту.


Относительные размеры задаются одним из следующих ключевых слов:


autoПрямоугольник страницы совпадает с реальным листом по размеру и ориентации.
portraitПрямоугольник страницы совпадает с реальным листом по размеру; ориентация книжная.
landscapeПрямоугольник страницы совпадает с реальным листом по размеру; ориентация альбомная.



Примеры:


@page { size: 8.5in 11in }
@page { size: portrait; margin: 10% }


Пометки: свойство marks


Синтаксис:marks: [crop || cross] | none | inherit
Начально:none
Применимо:к страницам
Наследуемо:не определено
Проценты:не используются
Устройства:визуальные страничные

Поддержка :Не поддерживаeтся
Не поддерживаeтся


В высокой печати часто используются специальные пометки на полях страницы. Свойство marks позволяет задать тип пометок на странице. Оно может принимать следующие значения:


noneНе печатать пометки.
cropПометки, указывающие место обреза страницы.
crossПометки, используемые для выравнивания страниц.



Пример:


@page { marks: crop cross } /* Печатать оба типа пометок */


Имена страниц: свойство page


Синтаксис:page: <идентификатор> | auto
Начально:auto
Применимо:к блочным элементам
Наследуемо:да
Проценты:не используются
Устройства:визуальные страничные

Поддержка :Не поддерживаeтся
Не поддерживаeтся


Свойство page позволяет присвоить элементу имя страницы с тем, чтобы использовать свойства директивы @page, селектором которой является данное имя. Например, следующие правила указывают, что все таблицы документа необходимо печатать в альбомной ориентации:


@page rotated { size: landscape }
TABLE { page: rotated; ... }


По умолчанию это свойство имеет значение auto, поэтому к элементам, не имеющих имен страниц, применяются правила директивы @page без именного селектора.


Вперед  >>>
 1  2 


 8  Комментарии к статье  8 8  Обсудить в чате

8  В тему

Введение в таблицы стилей

Селекторы, псевдоклассы и псевдоэлементы

Значения свойств, каскадность и наследование

Границы, заполнители и рамки

Позиционирование элементов

Визуализация элементов

Цвет и фон

Шрифты

Текст

Таблицы

Генерация содержимого, нумерация и списки

Звуковые таблицы стилей

 
  
  
    Copyright ©  RIN 2003 - 2004      * Обратная связь