Размер

Ограниченная доступность

Эта функция не является базовой, так как не работает в некоторых из наиболее широко используемых браузеров.

Описание size CSS правила , используемое с правилом @page, определяет размер и ориентацию области, которая используется для представления страницы. В большинстве случаев этот размер соответствует целевому размеру печатной страницы, если применимо.

Размер может быть определен с помощью ключевого слова "масштабируемый" (в этом случае страница заполнит доступные размеры) или с помощью абсолютных размеров.

Синтаксис

/* Keyword values for scalable size */
size: auto;
size: portrait;
size: landscape;

/* <length> values */
/* 1 value: height = width */
size: 6in;

/* 2 values: width then height */
size: 4in 6in;

/* Keyword values for absolute size */
size: A4;
size: B5;
size: JIS-B4;
size: letter;

/* Mixing size and orientation */
size: A4 portrait;

Значения

auto

Пользовательский агент определяет размер страницы. В большинстве случаев используются размеры и ориентация целевого листа.

landscape

Содержание страницы отображается в альбомной ориентации (т. е. самая длинная сторона области — горизонтальная).

portrait

Содержание страницы отображается в книжной ориентации (т. е. самая длинная сторона области — вертикальная). Это стандартная ориентация.

<length>

Любое значение длины (см. <length>). Первое значение соответствует ширине области страницы, а второе — её высоте. Если указано только одно значение, оно используется для ширины и высоты.

<page-size>

Ключевое слово, которое может быть любым из следующих значений:

A5: Соответствует стандартным размерам ISO: 148 мм × 210 мм.
A4: Соответствует стандартным размерам ISO: 210 мм × 297 мм. (наиболее часто используемые размеры для личной печати.)
A3: Соответствует стандартным размерам ISO: 297 мм × 420 мм.
B5: Соответствует стандартным размерам ISO: 176 мм × 250 мм.
B4: Соответствует стандартным размерам ISO: 250 мм × 353 мм.
JIS-B5: Соответствует стандартным размерам JIS: 182 мм × 257 мм.
JIS-B4: Соответствует стандартным размерам JIS: 257 мм × 364 мм.
letter: Это ключевое слово эквивалентно размерам листов формата letter в Северной Америке, т. е. 8,5 дюйма × 11 дюймов.
legal: Это ключевое слово эквивалентно размерам листов формата legal в Северной Америке, т. е. 8,5 дюйма × 14 дюймов.
ledger: Это ключевое слово эквивалентно размерам листов формата ledger в Северной Америке, т. е. 11 дюймов × 17 дюймов.

Формальное определение

Соответствующее правило	`@page`
Начальное значение	`auto`
Вычисленное значение	как указано, но с относительными длинами, преобразованными в абсолютные

Формальный синтаксис

size = 
  <length [0,∞]>{1,2}                          |
  auto                                         |
  [ <page-size> || [ portrait | landscape ] ]

Примеры

Указание размера и ориентации

@page {
  size: A4 landscape;
}

Указание размера

@page {
  size: 4in 6in;
}

Вложение внутри правила @media

@media print {
  @page {
    size: 50mm 150mm;
  }
}

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

Спецификация
CSS Paged Media Module Level 3 # page-size-prop

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`size`	15	79	95	15	18.2	18	95	14	18.2	1.5	37
`jis-b4`	83	83	95	69	18.2	83	95	59	18.2	13.0	83
`jis-b5`	83	83	95	69	18.2	83	95	59	18.2	13.0	83

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@page/size