ページ化媒体 — CSS Paged Media Module Level 3

3.2. 頁~boxの外側に来る内容

頁~modelにおいて内容を整形するとき、内容の一部が，`頁~box$の外側に出ることもある。 例えば， `white-space$p ~propが `pre^v にされた要素は、`頁~box$より幅広な~boxを生成し得る。 別の例として、~boxが絶対的に／相対的に位置されるときに “不都合な” 所在にもなり得る。 例えば，画像は、`頁~box$の辺をまたぐように, あるいは 100000 ~meter下に置かれるかもしれない。 ◎ When formatting content in the page model, some content may end up outside the page box. For example, an element whose white-space property has the value pre can generate a box that is wider than the page box. As another example, when boxes are positioned absolutely or relatively, they may end up in "inconvenient" locations. For example, images may be placed on the edge of the page box or 100,000 meters below the page box.

そのような要素を正確に整形するための仕様は、この文書の視野~外である。 しかしながら，作者／~UAには、次に挙げる［ `頁~box$の外側に出ると懸念される内容についての，一般~原則 ］を順守することが推奨される： ◎ A specification for the exact formatting of such elements lies outside the scope of this document. However, it is recommended that authors and user agents observe the following general principles concerning content outside the page box:

• 頁を “裁切れる” ように、`頁~box$を少しばかり超える内容も，許容されるべきである。 ◎ Content should be allowed slightly beyond the page box to allow pages to "bleed".

• ~UAは、要素の位置決めを尊守するために多数の無内容~頁を生成することは，避ける~SHOULDである（例： 作者や利用者は、おそらく 100 頁もの白紙を印刷しようとは意図しないであろう）。 頁が `無内容@ であるとは、［ `頁~区画$が，背景や~borderの他に印刷-可能な内容を包含しない ］ような、`頁~box$である。 `頁~区画$が［ `生成内容$ ／ `visibility$p が `hidden^v にされた内容 ／ `zero-width space^en 【おそらく幅ゼロのスペース文字（ U+200B ） — 幅ゼロの “~~空間” ではなく】 のような不可視の内容 ］を包含するような`頁~box$は、`無内容$でない。 一方で，［ 背景, ~border, `頁margin~box$の内容 ］しか包含しない頁は、`無内容$である。 ◎ User agents SHOULD avoid generating a large number of content-empty pages to honor the positioning of elements (e.g., printing 100 blank pages is probably neither the author’s nor the user’s intent). A Content-empty page is a page box whose page area contains no printable content other than backgrounds and/or borders. A page box whose page area contains generated content, or content whose visibility is hidden, or invisible content such as a zero-width space is not a content-empty page. On the other hand, a page containing only a background and/or borders and/or page-margin box content is a content-empty page.

  注記： しかしながら， `page-break-before$p ／ `break-before$p や `page-break-after$p ／ `break-after$p に対する強制分断~値を尊守するために，少数の空 `頁~box$の生成が必要とされることもある。 `CSS21$r `CSS3-BREAK$r ◎ Note, however, that generating a small number of empty page boxes is sometimes necessary to honor the forced-break values for page-break-before/break-before and page-break-after/break-after. [CSS21] [CSS3-BREAK]

• 作者は、描画を避けるためだけに，要素を不都合な所在に位置させる~SHOULDでない。 代わりに，次のようにするべきである： ◎ Authors SHOULD NOT position elements in inconvenient locations just to avoid rendering them. Instead:

  • `display$p ~propを `none^v に設定して，~boxをまるごと生成させなくする。 ◎ To suppress box generation entirely, set the display property to none.
  • `visibility$p を~propを設定して，~boxを不可視にする。 ◎ To make a box invisible, set the visibility property.
• この仕様は、`頁~box$の外側に位置される~boxがどのように取扱われるか，については定義しない。 それらを破棄したり，それらに対する`頁~box$を 文書の末端に作成するなどが、あり得る。 ◎ This specification does not define how boxes positioned outside the page box are handled. Possibilities include discarding them or creating page boxes for them at the end of the document.

3.3. 頁~進行

CSS では、両面印刷されるかどうかにかかわらず，すべての文書に対し，左頁と右頁とが判別される。 左頁と右頁は【頁~進行の順で】交互に来る。 疑似類 `left$ps, `right$ps を用いれば、左右の頁に異なる~styleをあてがえる。 ◎ CSS distinguishes between left pages and right pages on all documents, whether they are printed duplex or not. Each left page is followed by a right page and vice versa. Left and right pages can be styled differently with the :left and :right pseudo-classes.

文書の最初の頁が，左頁, 右頁のいずれになるかは、文書の`頁~進行$に依存する。 `頁~進行@ とは、文書の印刷される頁が横並びに~lay-outされるときに並べられていく方向である。 例えば，英語や横組の日本語では、概して 右向きへ進行する一方で、~Arabicや縦組の日本語~頁では，概して 左向きへ進行する。 ◎ Whether the first page of a document is a left page or a right page depends on the page progression of the document. The page progression is the direction in which the printed pages of a document would be sequenced when laid out side-to-side. For example, English and horizontally-set Japanese typically progress from left to right, whereas Arabic and vertically-set Japanese pages typically progress from right to left.

`頁~進行$~方向は、次にしたがって決定される： ◎ The page progression direction is determined as follows:

• ~textが横書き行0に~lay-outされる場合： `頁~進行$は、`行内~基底~方向$と同じである。 ◎ If text is laid out in horizontal lines, the page progression is the same as the inline base direction.
• ~textが縦書き行0に~lay-outされる場合： `頁~進行$は、`塊~flow方向$と同じである。 ◎ If text is laid out in vertical lines, the page progression is the same as the block flow direction.

［ CSS3 Writing Modes Module `CSS3-WRITING-MODES$r の `direction$p, `writing-mode$p ］~propを~supportする~UAは、`頁~進行$を`原則的な書字~mode$から決定し~MUST。 ◎ If the UA supports the direction and writing-mode properties from the CSS 3 Writing Modes Module [CSS3-WRITING-MODES], it must determine the page progression is determed by the principal writing mode.

文書の最初の頁は、`頁~進行$が右向きならば右頁, 左向きならば左頁になる。 作者は，根まで伝播するような頁~分断~値を `break-before$p `CSS3-BREAK$r に指定することにより、文書の印刷を左頁, または右頁から始めるように明示的に強制できる。 この場合、~UAは，（空になる，）最初の頁（たち）（および，最初に印刷される頁に合致する `first$ps 疑似類）を抑止し~MUST。 ◎ In documents with a left-to-right page progression the first page of the document is a right page, and vice versa. To explicitly force a document to begin printing on a left or right page, authors can specify a break-before value that that propagates a page break to the root. [CSS3-BREAK] The UA must suppress the first (empty) page(s) in this case (and the :first pseudo-class matches the first printed page).

html { break-before: always }

html { break-before: left }

4.1. `page^at 規則

`選択子~list$を伴わない `page$at 規則は、どの頁にも適用される。 選択子~listを伴う `page$at 規則は，~list内のいずれかの選択子に`合致する$頁に適用される。 `頁~文脈$の中で宣言された~propは、【その~at-ruleが適用される頁の】`頁~box$に適用される。 ◎ @page rules without a selector list apply to every page. Other @page rules apply to pages that match at least one of their selectors. Properties declared within the page context apply to the page box.

`頁~文脈$／`~margin文脈$ の中で，`宣言~block$の処理~時に~errorに遭遇した場合、 構文解析-時の~error取扱い規則 が適用される — すなわち、~blockの中の妥当な宣言は，適用される。 ◎ If an error is encountered during the processing of a declaration block within a page or a margin context, the Rules for handling parsing errors apply; that is, valid declarations within the block are applied.

4.2. 頁~選択子

`頁~選択子@ （ `page-selector$t ）は、［ `頁~種別~選択子$, または`頁~疑似類$ ］, ［ 0 個以上の追加の`頁~疑似類$ ］の並びからなる。 選択子の各~成分の合間には、空白は許容されない。 `page-selector$t の文法とその例は、下にて見出せる。 ◎ A page selector is made of either a page type selector or a page pseudo-class, followed by zero or more additional page pseudo-classes. No whitespace is allowed between components of a selector. The <page-selector> grammar and examples can be found below.

`頁~選択子$は、そのいずれの成分も所与の頁に合致するとき，そのときに限り， その頁に `合致する@ するとされる。 ◎ A page selector is said to match a given page if and only if all of its components match the page.

`頁~種別~選択子@ は、文字大小区別の `~CSS識別子$ `CSS21$r で与えられる 【 この識別子（ `page-selector$t 内の `ident-token$t ）は、 `頁~種別~名@ とも称される 】 。 それは、［ `page$p ~propにより生成される 名前を持つ頁 に`合致する$。 頁~種別~名 `auto^v （`~ASCII大小無視$）は、規則を無効にはしないが，どの頁にも合致しては~MUST_NOT。 ◎ A page type selector is a case-sensitive CSS identifier [CSS21]. It matches pages of the named page type generated by the page property. A page type name of auto (ASCII case-insensitive) does not make the rule invalid, but must never match.

`頁~疑似類@ （ `pseudo-page$t ）は， `~ASCII大小無視$であり、その構文は，定例の選択子における`疑似類$ `SELECT$r と同じである。 以下に，種々の`頁~疑似類$が定義される。 ◎ A page pseudo-class is ASCII case-insensitive and has the same syntax as pseudo-classes in regular Selectors. [SELECT] The various page pseudo-classes are defined below.

4.2.1. 見開き疑似類： `left^ps, `right^ps

両面~文書を印刷するとき， 左頁, 右頁 の整形は異なることが多い。 これは `left$ps, `right$ps 頁~疑似類を利用して表せる。 ◎ When printing double-sided documents, left and right pages are often formatted differently. This can be expressed by using the :left and :right page pseudo-classes.

すべての頁は、`頁~進行$に基づいて，~UAにより自動的に［ 左頁, 右頁 ］のいずれかに分類される。 疑似類 `left@ps, `right@ps は、順に `左頁$, `右頁$ のみに`合致する$。 ◎ All pages are automatically classified by user agents as either left pages or right pages, based on page progression. The :left and :right pseudo-classes only match left or right pages, respectively.

@page :left {
  margin-left: 3cm;
  margin-right: 4cm;
}

@page :right {
  margin-left: 4cm;
  margin-right: 3cm;
}

左右の頁に対し，異なる宣言が与えられた場合、各`頁~box$を左右の用紙へ転送しないときでも，~UAは これらの宣言を尊守し~MUST（すなわち，媒体の片~側のみに印刷するときでも，整形された出力を正しく生産し~MUST）。 ◎ If different declarations have been given for left and right pages, the user agent must honor these declarations even if the user agent does not transfer the page boxes to left and right sheets (i.e., a printer that only prints on one side of the medium must nevertheless produce correctly formatted output).

注記： `left$ps ／ `right$ps 疑似類における宣言の有無を，文書を 両面, 片面 のいずれに印刷するかに波及させる必然はない（それは，この仕様の視野~外である）。 ◎ Note. Adding declarations to the :left or :right pseudo-class does not necessarily influence whether the document comes out of the printer double- or single-sided (which is outside the scope of this specification).

4.2.2. 最初の頁~疑似類： `first^ps

`first@ps 疑似類は、文書の最初に印刷される頁に`合致する$。 ◎ The :first pseudo-class matches the first printed page of a document.

@page {
  margin: 2cm; /*
    すべての~marginは 2cm に設定される */
}

@page :first {
  margin-top: 10cm; /*
    最初の頁だけ上端~marginを 10cm にする */
}

4.2.3. 白紙~頁 疑似類： `blank^ps

`blank@ps 疑似類は、`強制~頁~分断$の結果として現れる`無内容~頁$たちに`合致する$。 ◎ The :blank pseudo-class matches content-empty pages that appear as a result of forced page breaks.

注記： `blank$ps に合致する頁を生成させ得るのは、 `break-before$p ／ `break-after$p ~propに対する［ `left^v, `right^v, `recto^v, `verso^v ］値に限られる。 ◎ Only the left, right, recto and verso values of the break-before and break-after properties can generate pages that match :blank.

h1 {
  break-before: left;
}

@page :blank {
  @top-center {
    content: "This page is intentionally left blank";
    content: "この頁は意図的に白紙のままにされている";
  }
}

`blank$ps に合致した頁は、他の頁~疑似類にも合致し得る。 ◎ A page matched by :blank can also be matched by other page pseudo-classes.

h1 { break-before: left }

@page :blank {
  @top-center {
    content: none
  }
}

@page :right {
  @top-center {
    content: "Preliminary edition"; /* (1) */
  }
  @bottom-center {
    content: counter(page); /* (2) */
  }
}

注記： CSSの将来~versionでは、~~新たな頁~疑似類も~~追加され得る。 ◎ Note. Future versions of CSS may include other page pseudo-classes.

4.3. `page^at 規則の文法

`page$at 規則は、次の文法, および下に注記される追加の規則に則って，`構文解析-$される： ◎ @page rules are parsed according to the following grammar, plus the additional rules noted below:

@page = @page `page-selector-list$t? { `declaration-list$t }
`page-selector-list@t = `page-selector$t#
`page-selector@t = [ `ident-token$t? `pseudo-page$t* ]!
`pseudo-page@t = ':' [ left | right | first | blank ]

/* 
~margin規則
◎
Margin rules
 */
`top-left-corner@at = @top-left-corner { `declaration-list$t };
`top-left@at = @top-left { `declaration-list$t };
`top-center@at = @top-center { `declaration-list$t };
`top-right@at = @top-right { `declaration-list$t };
`top-right-corner@at = @top-right-corner { `declaration-list$t };
`bottom-left-corner@at = @bottom-left-corner { `declaration-list$t };
`bottom-left@at = @bottom-left { `declaration-list$t };
`bottom-center@at = @bottom-center { `declaration-list$t };
`bottom-right@at = @bottom-right { `declaration-list$t };
`bottom-right-corner@at = @bottom-right-corner { `declaration-list$t };
`left-top@at = @left-top { `declaration-list$t };
`left-middle@at = @left-middle { `declaration-list$t };
`left-bottom@at = @left-bottom { `declaration-list$t };
`right-top@at = @right-top { `declaration-list$t };
`right-middle@at = @right-middle { `declaration-list$t };
`right-bottom@at = @right-bottom { `declaration-list$t };

加えて，次の規則が適用される： ◎ In addition, the following rules apply:

• `page-selector$t ／ `pseudo-page$t 内の各 生成規則の合間には、空白は許容されない（ `compound-selector$t に対する規則と同様に）。 ◎ No whitespace is allowed between the productions in <page-selector> or <pseudo-page> (similar to the rule for <compound-selector>).
• `page$at 規則が包含できるのは、［ `頁~prop$, `~margin~at-rule$ ］に限られる。 ◎ The @page rule can only contain page properties and margin at-rules.
• `~margin~at-rule$が包含できるのは、`頁margin~prop$に限られる。 ◎ The margin at-rules can only contain page-margin properties.

@page { ... }
@page :left { ... }
@page :right { ... }
@page LandscapeTable { ... }
@page CompanyLetterHead:first { ... } /* 識別子と疑似類。 */
@page:first { ... }
@page toc, index { ... }
@page :blank:first { ... }

@page {
  @top-left {
    ... /* 文書~名 */
  }
  @bottom-center {
    ... /* 頁~番号 */
  }
}
@page :left {
  @left-middle {
    ... /* 左端~margin内の頁~番号 */ 
  }
}
@page :right{
  @right-middle {
    ... /* 右頁の右端~margin内の頁~番号 */
  }
}

@page :left {
  @bottom-left-corner {
    ... /* 左頁の番号 */ 
  }
}
@page :right {
  @bottom-right-corner {
    ... /* 右頁の番号 */ 
  }
}
@page :first {
  @bottom-left-corner {
    ... /* 最初の頁の空【？】~footer */ 
  }
@bottom-right-corner {
    ... /* 空【？】~footer */ 
  }
}

4.4. 頁~文脈における~cascading

`頁~文脈$／`~margin文脈$ における宣言は、要素に対する~style規則における宣言とちょうど同じく`~cascade$する。 ◎ Declarations in page and margin contexts cascade just like declarations in style rule for elements.

頁~選択子の `詳細度@ は、 Selectors ~moduleにて定義される 詳細度 に相似的な方式で算出される： ◎ The specificity of page a selector is computed in a manner analogous to the computations defined in the Selectors module:

• `頁~種別~名$の個数を数える（ ＝ `f^V ） ◎ Count the number of page type names (= f)

  注記： 頁~選択子の構文の下では、 `f^V は、 0 か 1 のみをとり得る。 ◎ Given the syntax of page selectors, f can only ever be 0 or 1.

• `first$ps ／ `blank$ps 疑似類の個数（ ＝ `g^V ）を数える ◎ Count the number of ':first' or ':blank' pseudo-classes (= g)
• `left^ps ／ `right^ps 疑似類の個数 （ ＝ `h^V ）を数える ◎ Count the number of ':left' or ':right' pseudo-classes (= h)

注記： 同じ疑似類の繰返しも許容され，詳細度を増大させる。 ◎ Note: Repeated occurrences of the same pseudo-classes are allowed and do increase specificity.

実装は、記憶域の限度に応じて `f^V, `g^V, `h^V の~sizeに限度を設けてよい。 その場合、上限を超えた値は，その上限まで切詰められ~MUST。 ◎ Due to storage limitations, implementations may have limitations on the size of f, g, or h. If so, values higher than the limit must be clamped to that limit, and not overflow.

詳細度は、 3 成分（ `f^V, `g^V, `h^V ）を順に比較して比較される： `f^V が大きいものほど詳細度が高く， `f^V が同じ場合は `g^V が大きいものほど詳細度が高く， `g^V も同じ場合は `h^V が大きいものほど詳細度が高く， `h^V も同じ場合は 詳細度は等しいとする。 ◎ Specificities are compared by comparing the three components in order (f, g, h): the specificity with a larger f value is more specific; if the two f values are tied, then the two g values are compared, etc. If all the values are tied, the two specificities are equal.

@page { }             /* 詳細度 ＝ (0,0,0) */
@page :left { }       /* 詳細度 ＝ (0,0,1) */
@page :first { }      /* 詳細度 ＝ (0,1,0) */
@page :blank:left { } /* 詳細度 ＝ (0,1,1) */
@page artsy { }       /* 詳細度 ＝ (1,0,0) */
@page artsy:left { }  /* 詳細度 ＝ (1,0,1) */
@page artsy:first { } /* 詳細度 ＝ (1,1,0) */

@page :left {
  margin-left: 4cm;
}

@page {
  margin-left: 3cm;
}

@page :first {
  color: green;

  @top-left {
    content: "foo";
    color: blue;
  }
  @top-right {
    content: "bar";
  }
}

@page {
  color: red;

  @top-center {
    content: "Page " counter(page);
  }
}

@page { margin: 25mm;}
@page { font-size: 14pt;}

5.1. 頁margin~boxに対する~at-rule

`頁margin~box$は、`頁~文脈$の内側にて，`~margin~at-rule$により作成される。 作者は、これらの規則を，頁~文脈~内のどの宣言よりも後に~~置くべきである — 旧来の~clientは、~margin~at-ruleの後に来る宣言を正しく取扱えないかもしれないので。 ◎ Page-margin boxes are created by margin at-rules inside the page context. Authors should put these rules after any declarations in the page context as legacy clients may not handle declarations after margin at-rules correctly.

`~margin~at-rule@ は、順に，`頁margin~box$を識別する`~at-rule$（例 `top-left$at ）, および 記述子の~blockからなる。 ~blockの内側は `~margin文脈@ 内にあると称される。 ◎ A margin at-rule is an at-rule that identifies the page-margin box (e.g. @top-left) and a block of descriptors (said to be in the margin context).

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

  @top-left {
    content: "Hamlet";
  }
  @top-right {
    content: "Page " counter(page);
  }
}

5.2. 頁margin~boxの~~生成

`before$pe, `after$pe 疑似要素のときと同様に、`頁margin~box$上の `content$p に対する指定値 `normal^v は， `none^v に算出される。 `頁margin~box$は、その `content$p ~propの算出値が `none$v でないとき, そのときに限り `生成され@ る。 他の場合、`display$p が `none^v にされた要素に対するときと同じ様に，~boxは生成されない。 ◎ As with the :before and :after pseudo-elements, a specified content: normal on a page-margin box computes to none. A page-margin box is generated if and only if the computed value of its content property is not none. Otherwise, no box is generated, as for elements with display: none.

注記： `display$p ~propは、`頁margin~box$には適用されない。 ◎ The display property does not apply to page-margin boxes.

@page {
  @top-left-corner {
    content: " ";
    border: solid green;
  }
  @top-right-corner {
    content: url(foo.png);
    border: solid green;
  }
  @bottom-right-corner {
    content: counter(page);
    border: solid green;
  }
  @bottom-left-corner {
    content: normal;
    border: solid green;
  }
}

5.3. 頁margin~boxの寸法の算出-法

`頁margin~box$の横幅, 縦幅は、下の規則により決定される。 これらの規則は、`頁margin~box$に対し， CSS2.1 10.3, 10.6 節に等価なものを定義する。 ◎ The width and height of each page-margin box is determined by the rules below. These rules define the equivalent of CSS2.1 Sections 10.3 and 10.6 for page-margin boxes.

`min-height$p, `max-height$p, `min-width$p, `max-width$p `CSS21$r に対し適用される規則は，`頁margin~box$にも適用され、指定された `width$p ／ `height$p による結果の寸法が それらの拘束に觝触する場合、［ 横幅, 縦幅, ~margin ］のうち，いくつかは計算し直される。 `min-height$p ／ `min-width$p ~propを~supportしない~UAは、その値が常に `0^v であるかのように挙動し~MUST。 ◎ The rules for applying min-height, max-height, min-width, and max-width [CSS21] do apply to page-margin boxes and may imply a recalculation of the width, height, and/or margins if the dimensions resulting from the specified width or height violate their constraints. If the UA does not support the min-height or min-width properties then it must behave as if min-height and min-width were always zero.

5.3.1. 頁margin ~box~layoutの各種用語

CSS2.1 `CSS21$r による~box~modelの定義と `CSS3-SIZING$r による内在的~sizingの用語に加えて、以下に挙げる用語が定義され，後続の`頁margin~box$の計算に利用される： ◎ In addition to the box model definitions in CSS2.1 [CSS21], and the sizing terms in CSS Intrinsic Sizing [CSS3-SIZING], the following terms are defined for use in the subsequent page-margin box calculations:

`可用な横幅@◎ available width

頁の［ 左端~border線幅, 左端~padding, `頁~区画$の横幅, 右端~padding, 右端~border線幅 ］の総和。 言い換えれば，`頁~box$の 左~右~border辺の距離。 この数量は、上下端の`頁margin~box$の寸法を計算するときに利用される。 ◎ The sum of the page’s left border width, left padding, page area width, right padding, and right border width. In other words, it is the distance between the page box’s left right border edges. This quantity is used when calculating dimensions of the top and bottom page-margin boxes.

`可用な縦幅@◎ available height

頁の［ 上端~border線幅, 上端~padding, `頁~区画$の縦幅, 下端~padding, 下端~border線幅 ］の総和。 言い換えれば，`頁~box$の上下~border辺の距離。 この数量は、左右端の`頁margin~box$の寸法を計算するときに利用される。 ◎ The sum of the page’s top border width, top padding, page area height, bottom padding, and bottom border width. In other words, it is the distance between the page box’s top bottom border edges. This quantity is used when calculating dimensions of the left and right page-margin boxes.

`外縁~横幅@◎ outer width

`CSS21$r にて定義される，`外縁~辺$の横幅。 ◎ The width of the outer edge, as defined in [CSS21].

`最小-内容 横幅@◎ min-content width

物理的~横幅の方の`最小-内容~size$。 【物理的 — すなわち，頁の方位に相対的な（縦長ならば短辺（とされる方）の横幅）】 ◎ Whichever of min-content block size or min-content inline size is the physical width.

`最大-内容 横幅@◎ max-content width

物理的~横幅の方の`最大-内容~size$。 ◎ Whichever of max-content block size or max-content inline size is the physical width.

`外縁 最小-横幅@◎ outer min width

`width$p の算出値が `auto^v のときには `最小-内容 横幅$が利用されることを除いて、`外縁~横幅$と同様。 ◎ Like the outer width, except the min-content width is used when the computed width is auto.

`外縁 最大-横幅@◎ outer max width

`width$p の算出値が `auto^v であるときには `最大-内容 横幅$が利用されることを除いて、`外縁~横幅$と同様。 ◎ Like the outer width, except the max-content width is used when the computed width is auto.

`頁margin~box$に対する `包含塊@ は、その所在に依存して決まる： ◎ The containing block for a page-margin box depends on its location:

隅の`頁margin~box$に対する`包含塊$は：

その隅で出会う 2 本の頁~marginの交差で定義される矩形。 ◎ For a corner page-margin box, it is the rectangle defined by the intersection of the two page margins meeting at that corner.

他の`頁margin~box$に対する`包含塊$は：

その~boxがある側の頁~marginから，［ ~boxの両隣にある隅の`頁margin~box$の包含塊 ］を除いて形成される矩形。

これは、この包含塊の~sizeが，［ 一方の寸法は使用 頁~marginにより与えられ，他方の寸法は［ `可用な横幅$（上下端の`頁margin~box$の場合）／ `可用な縦幅$（左右端の`頁margin~box$の場合） ］で与えられることを意味する。

◎ For all other page-margin boxes, the containing block is the rectangle formed by the encapsulating page margin minus the containing blocks of the adjacent corners' page-margin boxes. This means that the size of this containing block is given in one dimension by the used page margin and in the other dimension by the available width (for top and bottom page-margin boxes) or available height (for left and right page-margin boxes).

5.3.2. 頁margin~boxの可変~次元に対する算出~規則

【 可変~次元 — すなわち，上下端の~margin~boxであれば 横方向の寸法, 左右端の~margin~boxであれば 縦方向の寸法。 】

以下の規則が［ `上端左$, `上端中央$, `上端右$ ］の`頁margin~box$（以下、順に `左~box^V, `中央~box^V, `右~box^V と記す）に適用される。 ◎ The following rules apply to @top-left, @top-center and @top-right page-margin boxes, which are referred to as A, B, and C, respectively, in this section.

【 他の側の~boxについては、~~最後の 5.3.2.5 節 にて述べられる。 】

5.3.2.1. ~margin

三つの~boxのいずれに対しても、算出値が `auto^v になる `margin-left$p ／ `margin-right$p ~propの使用値は， `0^v になる。 ◎ If the margin-left or margin-right property of any of the three boxes computes to auto, the used value is zero.

5.3.2.2. `auto^v 横幅の解決法

次の~algoは、各~boxの使用【外縁】横幅を決定する。 この目的においては、`生成され$ない~boxの［ `width$p, `外縁~横幅$ ］は， 0 と見做す。 ◎ The following algorithm determines the used width of each box. For this purpose, boxes that are not generated are assumed to have a width and an outer width of zero.

注記： より高次の目標は、（優先度~順で） (1) ［ ~overflow, および重なり合い ］を最小限にすること, および (2) `中央~box^V が生成されるときは中央寄して、内容の分量に比例するように空間を配分することである。 ◎ Note: The high-level goals are (in order of priority) to center the middle box (B) if it is generated, to minimize overflow and overlap, and to distribute space proportionally to the amount of content.

`中央~box^V が`生成され$ない場合： 次のようにして `可用な横幅$を `左~box^V と `右~box^V に配分する： ◎ If the middle box (B) is not generated, distribute the available width to A and C as follows:

• 片方の~boxのみ `auto^v 横幅（すなわち， `width^p の算出値が `auto^v である）の場合、その使用値は，［ 両~boxの`外縁~横幅$の総和 ＝ `可用な横幅$ ］になるように解決される。 ◎ If only one box has 'width: auto', its used width is resolved so that the sum of the outer widths equals available width.

• `左~box^V , `右~box^V ともに `auto^v 横幅の場合、次の式により，各~boxに空間を配分する： ◎ If A and C both have 'width: auto', distribute the space to each box as follows:

  ~boxの使用~外縁~横幅 ~LET `W^V + ( `~flex空間@V × ( `~flex係数@V ÷ ( 両~boxの `~flex係数$V の総和 ) ) )

  ここで， `~flex空間$V, および~boxごとに異なり得る量［ `W^V, `~flex係数$V ］は、次で与えられる：

  1. `~flex空間$V ~LET ［ `可用な横幅$ − ( 両~boxの外縁 `最大-内容 横幅$の総和 ) ］

  2. ［ `~flex空間$V ~GTE 0 ］ならば：

     • `~flex係数$V ~SET ~boxの外縁 `最大-内容 横幅$に比例する量
     • `W^V ~SET ~boxの`最大-内容 横幅$
     ◎ If the sum of the outer max-content widths is less than the available width, call that difference the flex space. Calculate each box’s flex factor as proportional to its outer max-content width, and set its used outer width to: max-content width + flex space × flex factor ÷ ∑flex factors

  3. 他の場合：

     • `~flex空間$V ~SET ( `可用な横幅$ − ( 両~boxの外縁 `最小-内容 横幅$の総和 ) )

     • `~flex係数$V ~SET 次で与えられる量：

       • `~flex空間$V ~GTE 0 ならば： ~boxの ( `最大-内容 横幅$ − `最小-内容 横幅$ ) に比例する量
       • 他の場合： ~boxの外縁 `最小-内容 横幅$に比例する量
     • `W^V ~SET ~boxの`最小-内容 横幅$
     ◎ Otherwise if the sum of the outer min-content widths is less than the available width, call that difference the flex space calculate each box’s flex factor as proportional to its max-content width minus min-content width, and set its used outer width to: min-content width + flex space × flex factor ÷ ∑flex factors ◎ Otherwise, calculate its outer size as in the previous case, but set each box’s flex factor as proportional to its outer min-content width.

  いずれの事例でも、 `~flex係数$V の総和が 0 になる場合の `~flex係数$V は，両~boxとも 1 と見做すとする。 ◎ In each case, both flex factors are assumed to be 1 if their sum is equal to zero.

`中央~box^V が`生成され$る場合： `左~box^V, `中央~box^V, `右~box^V に対する `auto^v 横幅を次のようにして決定する： ◎ If the middle box (B) is generated, determine the auto widths of A, B, and C as follows:

1. 最初に、 `中央~box^V に対する `auto^v 横幅を解決する： ここでは、［ `左~box^V, `右~box^V ］の代わりに仮想の~box `左~右~box^V があって、その各種~寸法は， max( `左~box^V の寸法, `右~box^V の寸法 ) の 2 倍であるものと見做す（これは `中央~box^V の中央寄せを保全する）。 その下で、［ `左~box^V, `右~box^V に対して 上で述べた ］ように，［ `中央~box^V と `左~右~box^V ］に空間を配分する。 ◎ First, resolve any auto width of the middle box (B): Assume there are two boxes, B and AC, where each of AC’s dimensions is double the maximum of A and C. (This preserves B’s centering.) Distribute the space to these two boxes (B and the imaginary AC) as described for A and C above.
2. 次に、［ `左~box^V ／ `右~box^V ］に対する `auto^v 横幅を： その~boxの使用~外縁~横幅 ~SET ［ ( `可用な横幅$ − `中央~box^V の使用~外縁~横幅 ) ÷ 2 ］にして，解決する。 ◎ Then, resolve any auto widths of the side boxes (A and C) by setting that box’s outer width to (available width − used outer widths of B) ÷ 2

5.3.2.3. `min-width^p, `max-width^p の取扱い

`min-width$p, `max-width$p ~prop `CSS21$r は、通常の要素に対するときと同様に，`頁margin~box$の可変~寸法にも適用される — ただし、同じ側にある三つの~boxは，まとめて考慮される。 ◎ The min-width and max-width properties [CSS21] apply to page-margin boxes in the variable dimension like on normal elements, except that the three boxes on the same side are considered together.

より精確には： ◎ More precisely:

1. 前節の規則 の下で，（ `min-width$p, `max-width$p に関係なく ）【三つの~boxのそれぞれに対し】計算された結果を， “仮の使用~横幅” と呼ぶことにする。 ◎ The tentative used widths are calculated (without min-width and max-width) following the rules under §5.3.2.2 Resolving auto widths.
2. 三つの~boxいずれかについて，仮の使用~横幅 ~GT `max-width$p ならば： 【該当する~boxについてのみ】 `width$p に対する算出値に代わって `max-width$p の算出値を用いた下で、前節の規則を再び適用する。 ◎ If the tentative used width of any of the three boxes is greater than max-width, the rules above are applied again, but this time using the computed value of max-width as the computed value for width.
3. 三つの~boxいずれかについて，上の結果の横幅 ~LT `min-width$p ならば： 【該当する~boxについてのみ】 `width$p に対する算出値に代わって `min-width$p の算出値を用いた下で、前節の規則を再び適用する。 ◎ If the resulting width of any of the three boxes is smaller than min-width, the rules above are applied again, but this time using the value of min-width as the computed value for width.

5.3.2.4. 位置決め

各~boxの寸法が決定されたなら、それらを，次に従って位置させる： ◎ Once the dimensions of the boxes are determined, they are positioned as follows:

• `左~box^V の左端~外縁~辺は、包含塊の左端~辺に接合する。 ◎ The left outer edge of A is flush with the left edge of the containing block
• `中央~box^V の外縁~区画は、包含塊~内で中央寄する。 ◎ The outer area of B is centered in the containing block.
• `右~box^V の右端~外縁~辺は、包含塊の右端~辺に接合する。 ◎ The right outer edge of C is flush with the right edge of the containing block.

5.3.2.5. 他の側の~box

他の側の`頁margin~box$の使用値は、次の規則により確立される：

`下端左$, `下端中央$, `下端右$

順に［ `上端左$, `上端中央$, `上端右$ ］に対するときと同じ規則により。 ◎ The used values for @bottom-left, @bottom-center and @bottom-right page-margin boxes are established by the same rules as for @top-left, @top-center, and @top-right, respectively.

`左端上$, `左端中段$, `左端下$

同じ規則の［ "width" ／ "left" ／ "center" ／ "right" （横幅／左端／中央／右端） ］を，順に［ "height" ／ "top" ／ "middle" ／ "bottom" （縦幅／上端／中段／下端） ］に読替えた規則により。 ◎ The used values for @left-top, @left-middle and @left-bottom boxes are established by the same rules, with "width" replaced by "height", "left" by "top", "right" by "bottom" and "center" by "middle".

`右端上$, `右端中段$, `右端下$

順に［ `左端上$, `左端中段$, `左端下$ ］に対するときと同じ規則により。 ◎ The used values for @right-top, @right-middle and @right-bottom page-margin boxes are established by the same rules as for @left-top, @left-middle and @left-bottom, respectively.

5.3.3. 頁margin~boxの固定~次元に対する算出~規則

【 固定~次元 — すなわち，上下端の~margin~boxであれば 縦方向の寸法, 左右端の~margin~boxであれば 横方向の寸法。 】

以下の規則が、上端~側の`頁margin~box$（`左上隅$, `上端左$, `上端中央$, `上端右$, `右上隅$）の［ `height$p, `margin-top$p, `margin-bottom$p ］~propの使用値を計算する — すなわち， 不定な 値 `auto^v を 解決する — ために利用される： ◎ The rules below are used to calculate the used values of each @top-left-corner, @top-left, @top-center, @top-right, and @top-right-corner page-margin box’s height, margin-top, and margin-bottom properties:

1. ［ ( `H^V, `mT^V, `mB^V のうち，不定でないものの総和 ) ~GT `M^V ］ならば ⇒ 不定な［ `mT^V ／ `mB^V ］は 0 に解決した上で，以下を適用する。 ◎ If border-top-width + padding-top + height (if it is not auto) + padding-bottom + border-bottom-width, plus margin-top and/or margin-bottom if not auto, is larger than the height of the top page margin, then any auto values for margin-top or margin-bottom are, for the following rules, treated as zero.

2. `H^V は不定でない場合：

   `mT^V, `mB^V はいずれも不定でない：

   この事例は `拘束過多@ と称される。 `mT^V を不定と見なして， `mT^V について等式を解いて解決する。 ◎ If at this point all of height, margin-top, and margin-bottom have a computed value other than auto, the values are said to be "over-constrained". In this case, the specified value of margin-top is treated as auto.

   `mT^V, `mB^V のうち片方だけ不定：

   その片方について，等式を解いて解決する。 ◎ If there is now exactly one value specified as auto, its used value follows from the equality.

   `mT^V, `mB^V はいずれも不定：

   `mT^V = `mB^V の下で等式を解いて，それらを解決する。 これは、`頁margin~box$内容を，上端 頁~marginの中で縦方向に中央寄する。 ◎ ↓

3. 他の場合（ `H^V は不定） ⇒ 不定な［ `mT^V ／ `mB^V ］は 0 に解決した上で、等式を解いて `H^V を解決する。 ◎ If height is set to auto, any other auto values become 0 and height follows from the resulting equality ◎ ↑↑ If both margin-top and margin-bottom are auto, their used values are equal. This vertically centers the page-margin box content within the top page margin.

【 見通しを良くするため、上の訳では，原文による場合分けを一部 組み替えている。 】

同じ規則は、下端の`頁margin~box$（`左下隅$, `下端左$, `下端中央$, `下端右$, `右下隅$）に対しても適用される — ただし、`拘束過多$の場合には， `mT^V でなく `mB^V を不定と見なす。 ◎ The same rules apply to the bottom page-margin boxes (bottom-left-corner, bottom-left, bottom-center, bottom-right, and bottom-right-corner), except that in the overconstrained case, the margin-bottom is ignored rather than the margin-top.

左右端の`頁margin~box$（［ `左上隅$, `左端上$, `左端中段$, `左端下$, `左下隅$ ］, ［ `右上隅$, `右端上$, `右端中段$, `右端下$, `右下隅$ ］）に対する `width$p に関する各種~propも，相似的な規則で統治される： ［ "top" ／ "bottom" ／ "height" （上端／下端／縦幅） ］を順に［ "left" ／ "right" ／ "width" （左端／右端／横幅） ］に読替えた上で、［ 左端／右端 ］`頁margin~box$に対する`拘束過多$の事例では，［ `margin-left$p ／ `margin-right$p ］を不定と見なす。 ◎ Analogous rules govern the properties for the left and right page-margin boxes with respect to width (top-left-corner, left-top, left-middle, left-bottom, and bottom-left-corner; top-right-corner, right-top, right-middle, right-bottom, bottom-right-corner), with "top" replaced by "left", "bottom" replaced by "right", and "height" replaced by "width". In the overconstrained case for left (right) page-margin boxes, the specified value of margin-left (margin-right) is ignored.

5.4. 頁margin~boxの例

`頁margin~box$ の用例集を以下に示す： ◎ The following is a collection of examples of page-margin box usage.

@page {
  @top-left {
    content: "~~左セル内のヘッダ";
  }
}

@page {
  @top-center {
    content: "~~中央セル内のヘッダ";
  }
}

@page {
  @top-right {
    content: "~~右セル内のヘッダ";
  }
}

@page {
  @top-left {
    content: "~~左セル";
  }
  @top-center {
    content: "~~中央セル内のヘッダ";
  }
}

@page {
  @top-center {
    content: "~~中央セル内のヘッダ";
  }
  @top-right {
    content: "~~右セル";
  }
}

@page {
  @top-left {
    content: "~~上端左のヘッダ";
  }
  @top-right {
    content: "~~右セル";
  }
}

6.1. 頁に基づく~counter

~counterは、 `page$at 規則の中でも定義して制御でき、`頁margin~box$内の内容として利用できる。 これは、頁~数を保守するときに有用になる。 ◎ Counters can be defined and controlled within an @page rule, and used as content in page-margin boxes. This is useful for maintaining a page count.

`頁~文脈$／`~margin文脈$ の中の `counter-increment$p は、各 `頁~box$の生成ごとに~counterを増分させる。 ◎ A counter-increment within either a page or margin context causes the counter to increment with the generation of each page box.

`頁~文脈$の中で 再設定される／増分される ~counterは、すべての`頁margin~box$の視野に入り，文書の中に同じ名前の~counterがあれば それらを隠蔽する。 ◎ If a counter is reset or incremented within the page context, it is in scope for all page-margin boxes and obscures all counters of the same name within the document.

`~margin文脈$の中で 再設定される／増分される ~counterは、その`頁margin~box$の視野に入り，`頁~文脈$や文書の中に同じ名前の~counterがあれば それらを隠蔽する。 ◎ If a counter is reset or incremented within a margin context, it is in scope for that page-margin box and obscures any counters of the same name in both the page context and the document.

`~margin文脈$／`頁~文脈$ の中で，まだ再設定されても増分されてもいない~counterが，`~margin文脈$ 内で `counter()$f や `counters()$f に利用された場合の結果の値は、正確に，`頁margin~box$が，［ 文書の中で頁の開始-の所にある要素 ］であって, かつ［ 頁~分断【に？まで？を？】~spanするような，通常~flow内の最も深い要素の内側 ］であるかのようになる。 この仕方で~counterを利用しても、~counterの値の計算に影響しない。 ◎ If a counter that has not been reset or incremented within the margin context or the page context is used by counter() or counters() in the margin context, then the resultant value is exactly as if the page-margin box were an element within the document at the start of the page, inside the deepest element in the normal flow that spans the page break. Use of the counter in this way does not affect the calculation of the counter’s value.

`page^v と命名される~counterは、自動的に作成される。 それは、文書の毎~頁ごとに 1 ずつ増分される — `counter-increment$p ~propが，`頁~文脈$ 内で `page^v ~counterに対し明示的に異なる増分を指定していない限り。 暗黙の~counterである `page^v は，真の~counterであり、 `counter-increment$p, `counter-reset$p ~prop内で明示的に命名することにより，直に影響させ得る。 それは、 `counter()$f ／ `counters()$f 関数~形でも利用できる。 ◎ A counter named page is automatically created and incremented by 1 on every page of the document, unless the counter-increment property in the page context explicitly specifies a different increment for the page counter. The implied page counter is a real counter, and can be directly affected using the counter-increment and counter-reset properties when named explicitly in those properties. It can also be used in the 'counter()' and 'counters()' function forms.

@page {
  margin: 10%;

  @top-center {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 2em;
    content: counter(page);
  }
}

@page {
  counter-increment: page 2;
}

加えて， `pages^v と命名される~counterも、~UAにより自動的に作成される。 その値は，常に文書~内の総~頁~数になる（`連続的~媒体$においては、これは常に 1 になる）。 `pages^v の値は操作できない： それを設定する `counter-reset$p ／ `counter-increment$p 文は妥当であるが、効果を持たない。 ◎ Additionally, a counter named pages is automatically created by the UA. Its value is always the total number of pages in the document. (In continuous media this is always 1.) The value of pages cannot be manipulated: while counter-reset and counter-increment statements that set it are valid, they have no effect.

頁に結付けられた他のすべての~counterに関しては、 `CSS21$r による 入子の~counterとその視野, および ~counter の記述に従って挙動する。 ◎ In all other respects, page-associated counters behave as described in [CSS21], Nested Counters and Scope and Counters.

6.2. 各種 頁margin~boxと既定~値

`頁~文脈$／`~margin文脈$の中で利用される~propは，その初期~値を対応する~prop定義からとるが、次の表に挙げる値に対しては，~UAは，自身の既定の~stylesheet内の規則により確立されたかのように，挙動し~MUST。 ◎ Properties used within page or margin contexts take their initial values from their respective property definitions; however, user agents must behave as though the values in the following table were established by rules in the UA default style sheet.

body {counter-reset: chapter;}
div.chapter {counter-increment: chapter;}
@page {
  margin: 10%;
  @top-center {
    content: "Chapter" counter(chapter);
  }
}

7.1. 頁~size： `size^d ~prop

`size$d ~propは、`頁~box$の包含塊に対し，目的の~size＆方位を指定する。 加えて、一般の［ 1 個の`頁~box$が 1 枚の`用紙$上に描画される ］場合には，出力先の用紙の~sizeも指示する。 ◎ This property specifies the target size and orientation of the page box’s containing block. In the general case, where one page box is rendered onto one page sheet, the size property also indicates the size of the destination page sheet.

`頁~box$の~sizeは、 “絶対的” （固定size）にも, “可変size”（すなわち，可用な用紙~sizeに収める）にもなり得る。 可変size`頁~box$を作成するときは、値 `auto$v／`portrait$v／`landscape$v を利用できる。 他の値は、固定sizeの`頁~box$を定義し，選好される出力~媒体~sizeを指示する。 可能なときには、出力は，指示された媒体~size上に描画されるべきである。 指定された~sizeが可用でない場合、 頁~boxを異なる~sizeへ移転するときの規則 が適用される。 ◎ The size of a page box can either be "absolute" (fixed size) or "scalable" (i.e., fitting available sheet sizes). The first three values in the table below can be used to create scalable page boxes. Other values define a fixed-size page box, and thereby indicate the preferred output media size. When possible, output should be rendered on the media size indicated. If the specified size is not available, the rules for transposing a page box to a different size apply.

`size$d ~prop宣言が，次のいずれかの`媒体照会$［ `width^d, `height^d, `device-width^d, `device-height^d, `aspect-ratio^d, `device-aspect-ratio^d, `orientation^d ］ `MEDIAQ$r （または 紙~sizeに対する他の条件付き規則）により選抜される場合、その宣言は 無視され~MUST — 媒体照会は、 `size$d を尊守せず， `page$at 規則が一つも指定されなかったとするときに選ばれる紙~sizeであると見做す。 ◎ If a size property declaration is qualified by a width, height, device-width, device-height, aspect-ratio, device-aspect-ratio or orientation media query [MEDIAQ] (or other conditional on the size of the paper), then the declaration must be ignored. Media queries do not honor size: they assume the paper size that would be chosen if no @page rules were specified.

@page {
  size: 4in 6in;
}

@media (max-width: 6in) {
  @page {
    size: letter;
  }
}

`auto@v

`頁~box$は、~UAにより選ばれる ~size＆方位に設定される。 通例、`頁~box$の~size＆方位は，目的の媒体~用紙に合致するように選ばれる。 ◎ The page box will be set to a size and orientation chosen by the UA. In the usual case, the page box size and orientation is chosen to match the target media sheet.

`landscape@v

頁の内容は、`横長~方位$に印刷されることを指定する。 `頁~box$のより長い側が横方向になる。 `page-size$t が指定されていない場合、用紙の~sizeは，~UAにより選ばれる。 ◎ Specifies that the page’s content be printed in landscape orientation. The longer sides of the page box are horizontal. If a <page-size> is not specified, the size of the page sheet is chosen by the UA.

`portrait@v

頁の内容は、`縦長~方位$に印刷されることを指定する。 `頁~box$の より短い側が横方向になる。 `page-size$t が指定されていない場合、用紙の~sizeは，~UAにより選ばれる。 ◎ Specifies that the page’s content be printed in portrait orientation. The shorter sides of the page box are horizontal. If a <page-size> is not specified, the size of the page sheet is chosen by the UA.

`length$t

`頁~box$は、所与の絶対的~寸法に設定される。 長さ値が 1 個だけ指定された場合、それが，`頁~box$の横幅＆縦幅を設定する（すなわち，~boxは正方形になる）。 長さ値が 2 個 指定された場合、順に，`頁~box$の 横幅, 縦幅 を確立する。 `em$u ／ `ex$u 単位~付きの値は、`頁~文脈$の~fontを参照する。 負の長さは違法。 ◎ The page box will be set to the given absolute dimension(s). If only one length value is specified, it sets both the width and height of the page box (i.e., the box is a square). If two length values are specified, the first establishes the page box width, and the second the page box height. Values in units of em and ex refer to the page context’s font. Negative lengths are illegal.

`page-size@t

頁~sizeは、次の媒体~名のいずれかを利用して指定することもできる。 これは、長さ値を利用して `size$d を指定することに等価である。 媒体~名の定義は、［ Media Standardized Names `PWGMSN$r ］による。 ◎ A page size can be specified using one of the following media names. This is the equivalent of specifying size using length values. The definition of the the media names comes from Media Standardized Names [PWGMSN].

`A5@v

ISO A5 ~size： 幅 148mm × 高さ 210mm に等価。 ◎ Equivalent to the size of ISO A5 media: 148mm wide and 210 mm high.

`A4@v

ISO A4 ~size： 幅 210mm × 高さ 297mm に等価。 ◎ Equivalent to the size of ISO A4 media: 210 mm wide and 297 mm high.

`A3@v

ISO A3 ~size： 幅 297mm × 高さ 420mm に等価。 ◎ Equivalent to the size of ISO A3 media: 297mm wide and 420mm high.

`B5@v

ISO B5 ~size： 幅 176mm × 高さ 250mm に等価。 ◎ Equivalent to the size of ISO B5 media: 176mm wide by 250mm high.

`B4@v

ISO B4 ~size： 幅 250mm × 高さ 353mm に等価。 ◎ Equivalent to the size of ISO B4 media: 250mm wide by 353mm high.

`JIS-B5@v

JIS B5 ~size： 幅 182mm × 高さ 257mm に等価。 ◎ Equivalent to the size of JIS B5 media: 182mm wide by 257mm high.

`JIS-B4@v

JIS B4 ~size： 幅 257mm × 高さ 364mm に等価。 ◎ Equivalent to the size of JIS B4 media: 257mm wide by 364mm high.

`letter@v

北米 letter ~size： 幅 8.5in × 高さ 11in （ in = ~inch ） に等価。 ◎ Equivalent to the size of North American letter media: 8.5 inches wide and 11 inches high

`legal@v

北米 legal ~size： 幅 8.5in × 高さ 14in に等価。 ◎ Equivalent to the size of North American legal: 8.5 inches wide by 14 inches high.

`ledger@v

北米 ledger ~size： 幅 11in × 高さ 17in に等価。 ◎ Equivalent to the size of North American ledger: 11 inches wide by 17 inches high.

`page-size$t による名前は、 `landscape$v ／ `portrait$v と協働で，~size＆方位を指示するために利用できる。 ◎ The <page-size> names can be used in conjunction with landscape or portrait to indicate both size and orientation.

@page {
  size: A4 landscape;
}

@page {
  size: auto;/* `auto^v が初期~値 */
  margin: 10%;
}

@page {
  size: 8.5in 11in;/* 横幅 縦幅 */
}

7.1.1. 媒体照会

`媒体照会$ `MEDIAQ$r を利用すれば、同じ~stylesheetで，頁~sizeごとに異なる~style上の選好を表すことができる。 次の例を考える： ◎ By using Media Queries [MEDIAQ], one style sheet can express different stylistic preferences for different page sizes. Consider this example:

/* “A4” 印刷~用の~stylesheet */
@media print and (width: 21cm) and (height: 29.7cm) {
  @page {
     margin: 3cm;
  }
}

/* “letter” 印刷~用の~stylesheet */
@media print and (width: 8.5in) and (height: 11in) {
  @page {
    margin: 1in;
  }
}

上の例では、 A4” 用紙には `3cm^v の頁~marginが与えられ， “letter” 用紙には `1in^v の頁~marginが与えられる。 ◎ In the example above, "A4" sheets are given a "3cm" page margin, and "letter" sheets are given a "1in" page margin.

7.2. 断裁markと見当mark： `marks^d ~prop

この~propは、文書に，断裁markや見当mark【いわゆるトンボ】を追加する。 これらは、用紙の裁断と整列を容易くするために，`頁~box$の外側に印刷される。 各種 値の意味は： ◎ This property adds crop and/or registration marks to the document. These are printed outside the page box to facilitate the trimming and alignment of sheets of paper. Values have the following meanings:

`none@v

断裁markも見当markも印刷されるべきでないことを指定する： `裁切り区画$の外側の区画は、完全に白紙になる。 ◎ Specifies that neither crop marks nor registration marks should be printed: the area outside the bleed area will be completely blank.

`crop@v

断裁markが印刷されるべきであることを指定する。 これらは概して、実質的に，`頁~box$の 4 辺の外側への延長に重なる短い線であり、`頁~box$の中や近辺には何も刷ることなく， 4 辺の精確な所在を指示する。 ◎ Specifies that crop marks should be printed. These are typically short lines outside the page box that are effectively extensions of the page box’s four edges, thereby indicating the precise location of those edges without placing any ink near or within the page box itself.

`cross@v

見当markが印刷されるべきであることを指定する。 これらは概して、`頁~box$の各~辺の外側にある十字markであり，印刷~工程において用紙を互いに整列するために利用される。 ◎ Specifies that registration marks should be printed. These are typically cross-shaped marks outside each edge of the page box used to align sheets of paper during the printing process.

断裁markと見当markは、`頁~box$が`印刷-可能~区画$より狭いときにのみ，可視になることに注意。 ◎ Note that crop marks and registration marks are only visible if the page box is smaller than the printable area.

@page {
    marks: crop cross;
}

7.3. 裁切り区画： `bleed^d ~prop

この~propは、`頁~box$の外側へ拡がる `裁切り区画@ — 言い換えれば、そこで頁~描画が切取られるような，`頁~box$を超える拡がり — を指定する。 各種 値の意味は： ◎ This property specifies the extent of the bleed area outside the page box; in other words the extent beyond the page box at which the page rendering is clipped. Values have the following meanings:

`auto@v

［ `marks$d が `crop^v ならば `6pt^v ／ 他の場合は `0^v ］に算出される。 ◎ Computes to 6pt if marks has crop and to zero otherwise.

`length$t

各~方向について，`裁切り区画$が `頁~box$を超えて，どこまで外方へ拡がるかを指定する。 値は負でもよいが、実装~特有の制限があり得る。 ◎ Specifies by how far outward, in each direction, the bleed area extends past the page box. Values may be negative, but there may be implementation-specific limits.

7.4. 用紙に収まらない頁~boxの描画

`頁~box$が，目的の用紙~寸法に合致しない場合、~UAは，次のうちいずれか一つをすべきである（選好~順に挙げる）： ◎ If a page box does not match the target page sheet dimensions, the user agent should do one of the following (in order of preference):

1. より大きな用紙~上に，指示された~sizeで頁~boxを描画する。 ◎ Render the page box at the indicated size on a larger page sheet.
2. 頁~boxを 90° 回転したときに用紙に収まるならば，そうする。 ◎ Rotate the page box 90° if this will make the page box fit the page sheet.
3. 頁~boxを用紙に収まるように拡縮する（頁~boxの縦横比は保全されるべきである）。 ◎ Scale the page box to fit the page sheet. (The aspect ratio of the page box should be preserved.)
4. 複数の用紙に，頁~boxを~graphic的に “切分ける” 。 ◎ Graphically "slice" the page box onto multiple page sheets.
5. ~overflowした内容を切取る（最も選好されない）。 ◎ Clip overflowed content (least preferred).

~UAは、これらの演算を遂行する前に，利用者に~~指示を仰いでもよい。 ◎ The user agent may wish to consult the user before performing these operations.

7.5. 用紙~上の頁~boxの位置決め

`頁~box$が用紙より小さいときは、~UAは，次のいずれかをすべきである： ◎ When the page box is smaller than the page sheet, the user agent should either:

• 頁~boxを用紙~上で中央寄して，両面~頁を整列させ、用紙の辺~近くに印刷される情報が不意に失われないようにするか、または ◎ center the page box on the sheet since this will align double-sided pages and avoid accidental loss of information that is printed near the edge of the sheet; or
• 頁~boxを用紙の~~左上~隅に（あるいは，頁~box の `direction$p と `writing-mode$p ~propに基づく別の隅に）位置させて、媒体の消費を最小限にする。 ◎ position the page box in the upper left corner of the page sheet (or another corner, based on the direction and writing-mode properties of the page box) as this may minimize media consumption.

~UAは、これに関して，利用者に~~指示を仰いでもよい。 ◎ The user agent may wish to consult the user in this regard.

8.1. 有名~頁の利用： `page^p

【† “作成する” の定義がはっきりしない。 分断点を~boxの前後に作成する？内側に作成する？ 】

`page$p ~propは、要素が表示され~MUST所とされる，［ `有名~頁@ と呼ばれる，特定0の種別の【名前を持つ】頁 ］を指定するために利用される。 必要なら，`強制~頁~分断$が導入され、指定された種別の新たな頁が生成される。 ◎ The page property is used to specify a particular type of page (called a named page) on which an element must be displayed. If necessary, a forced page break is introduced and a new page generated of the specified type.

【 すなわち、 `page$p ~propが異なる要素どうしは 同じ頁に置かれないように，（必要なら）改~頁させる。 ゆえに、同じ要素が複数の種別~名を持てないようにされている。 】

注記： この頁には、`頁~選択子$にて同じ種別~名を利用して，~styleをあてがえる。 ◎ Note: This page can be styled by using the same type name in a page selector.

頁の種別~名は、文字大小区別の識別子である。 ただし，~CSS~keywordである `auto^v 値については、 `~ASCII大小無視$である。 ◎ Page type names are case-sensitive identifiers. However the auto value, being a CSS keyword, is ASCII case-insensitive.

`page$p ~propは継承されない。 しかしながら，要素~上の `page$p 値が `auto^v の場合は、その使用値は、非 `auto^v 値を伴う最も近い先祖~上に指定された値になる。 根~要素~上に指定された `auto^v に対する使用値は、空~文字列である。 ◎ The page property does not inherit. However, if the page value on an element is auto, then its used value is the value specified on its nearest ancestor with a non-auto value. When specified on the root element, the used value for auto is the empty string.

この仕様の以前の~versionでは，`page$p ~propは継承されるものと指示していたので、［ `page$p ~propを継承させ, `auto^v は常に空~文字列による名前として扱う ］ような実装も，この仕様に~~依然として適合する。 この例外は、 Level 4 では除去されることになることに注意。 したがって作者は、非 `auto^v 値を伴う要素の子孫~上に `auto^v 値を明示的に指定するべきでない — 結果の挙動が予測-不能になるので。 ◎ Because a previous version of this specification indicated that the page property is inherited, an implementation that inherits the page property and treats auto as always naming the empty string remains conformant to CSS Paged Media Level 3. Note that this exception will be removed in Level 4. Therefore authors should not explicitly specify the auto value on a descendant of an element with a non-auto value, as the resulting behavior will be unpredictable.

`page$p ~propは、次のように働く： ◎ The page property works as follows:

1. まず、【すべての~boxそれぞれに対し，】 `auto^v 値は，（上で指定されたように）非 `auto^v にされている先祖に対し解決される。 ◎ First, any auto values are resolved against non-auto ancestors (as specified above).

2. 次に、【すべての~boxそれぞれに対し，】 `始端~頁値@ ／ `終端~頁値@ が次のように決定される： ~boxに［ 最初の／最後の ］子~boxが在れば，その~boxから伝播され、無ければ，~box自身の `page$p ~propの使用値になる。 子~boxは、自身が `page$p ~propの適用~対象であるとき, そのときに限り，自前の［ `始端~頁値$ ／ `終端~頁値$ ］を伝播する。 ◎ Next, a start page value and end page value is determined for each box as the value (if any) propagated from its first or last child box (respectively), else the used value on the box itself. A child propagates its own start or end page value if and only if the page property applies to it.

   注記： 最初の（最後の）子~boxが，常に 最初の（最後の）子 要素から生成されるとは限らない。 例えば、最初の子~要素の `display^p が `none^v にされていたなら，~boxを生成しないので、最初の子~boxは，他（後続のいずれかの同胞）が生成するものになる。 ◎ Note: A first or last child box is not always generated by a first or last child element. For example, an element could only have a previous sibling with 'display: none' which does not generate any box.

3. 根の`始端~頁値$が、最初に印刷される頁の種別になる。 ◎ The first printed page’s type is the start page value of the root.
4. `A類~分断点$にて出会う 2 個の~boxに対し，［ その分断に先行する~boxの`終端~頁値$と, その分断に後続する~boxの`始端~頁値$とが合致しない ］場合、その 2 個の~boxの合間にて頁~分断が強制され、分断の後の内容は， 【後続する~boxの始端~頁値による】 有名~種別の`頁~box$上から再開する。 ◎ If for any two boxes meeting at a class A break point, the end page value of the box preceding the break and start page value of the box succeeding the break do not match, then a page break is forced between the two boxes, and content after the break resumes on a page box of the named type.

注記： 本質的に，比較される 2 個の `page$p 値は、`A類~分断点$にて出会う最も深い~boxによるものになる — `page$p ~propが適用されない~boxを根にするような部分木は無視して。 ◎ Note: Essentially, the two page values compared are those from the deepest boxes meeting at the class A break point, ignoring any subtrees rooted by boxes to which the page property does not apply.

頁~分断に対する追加の詳細は `CSS3-BREAK$r を見よ。 ◎ See [CSS3-BREAK] for additional details on page breaks.

@page narrow {
    size: 9cm 18cm;
}
@page rotated {
    size: landscape;
}
div {
    page: narrow;
}
table {
    page: rotated;
}

<div>
<table>...</table>
<table>...</table>
<p>This text is rendered on a 'narrow' page</p>
</div>

<!DOCTYPE html>
<html lang="ja">
  <style>
    html   {
      writing-mode: vertical-rl;
      line-height: 1.6;
    }
    .main  {
      page: main;
      columns: 2;       /* 段数 */
      column-gap: 1rem; /* 間隙 */
    }
    .index {
      page: index;
      columns: 3;
      column-gap: 1rem;
    }
    @page {
      margin: auto;  /* 基本版面を頁~上の中央に */
      width:  40rem; /* 1.6 × 25 行0 */
    }
    @page main  {
      height: 61rem; /* 2 ~~段 × 30 文字 + 1 × 間隙 */
    }
    @page index {
      height: 62rem; /* 3 ~~段 × 20 文字 + 2 × 間隙 */
    }
  </style>
  <section class="main"> ... </section>
  <section class="index"> ... </section>
</html>

頁~文脈の中で適用される各種 CSS 2.1 ~prop

各種 `頁~prop@ は、以下に挙げるものとして定義される。 これらについては、 頁~prop節 にて述べられている： ◎ This list defines the page properties. They are further described in §6 Page Properties.

• `direction^p
• `各種~背景~prop$：
  • `background-color^p
  • `background-image^p
  • `background-repeat^p
  • `background-attachment^p
  • `background-position^p
  • `background^p
• `各種~border~prop$：
  • `border-top-width^p
  • `border-right-width^p
  • `border-bottom-width^p
  • `border-left-width^p
  • `border-width^p
  • `border-top-color^p
  • `border-right-color^p
  • `border-bottom-color^p
  • `border-left-color^p
  • `border-color^p
  • `border-top-style^p
  • `border-right-style^p
  • `border-bottom-style^p
  • `border-left-style^p
  • `border-short-style^p
  • `border-top^p
  • `border-right^p
  • `border-bottom^p
  • `border-left^p
  • `border^p
• `各種~counter~prop$：
  • `counter-reset^p
  • `counter-increment^p
• `color^p
• `各種~font~prop$：
  • `font-family^p
  • `font-size^p
  • `font-style^p
  • `font-variant^p
  • `font-weight^p
  • `font^p
• 各種~縦幅~prop：
  • `height$p
  • `min-height$p
  • `max-height$p
• `line-height$p
• `各種~margin~prop$：
  • `margin-top^p
  • `margin-right^p
  • `margin-bottom^p
  • `margin-left^p
  • `margin^p
• `各種~outline~prop$：
  • `outline-width^p
  • `outline-style^p
  • `outline-color^p
  • `outline^p
• `各種~padding~prop$：
  • `padding-top^p
  • `padding-right^p
  • `padding-bottom^p
  • `padding-left^p
  • `padding^p
• `quotes^p
• `各種~text~prop$：
  • `letter-spacing^p
  • `text-align^p
  • `text-decoration^p
  • `text-indent^p
  • `text-transform^p
  • `white-space^p
  • `word-spacing^p
• `visibility^p
• 各種~横幅~prop：
  • `width$p
  • `min-width$p
  • `max-width$p

~margin文脈の中で適用される各種 CSS 2.1 ~prop

各種 `頁margin~prop@ は、以下に挙げるものとして定義される。 これらについては、 頁~prop節 にて述べられている： ◎ This list defines the page-margin properties. They are further described in §6 Page Properties.

• 頁~boxに適用される各種~prop
• `unicode-bidi^p
• `content^p
• `overflow^p
• `vertical-align^p
• `visibility^p
• `z-index^p