CSSページ組版入門

印刷向けスタイルシートの指定

<style type="text/css" media="print">
…
</style>

@import url("PrintOnly.css") print; /* PrintOnly.css は印刷用 */

<link rel="stylesheet" type="text/css" media="print" href="foo.css">

画面とページ媒体の相違

印刷本

画面上の見た目のみではなく，文書を印刷するとなると色々なことを考える必要があります．

ページサイズの制限がある場合があります．エンドユーザによって印刷されることを意図した文書はオフィスのプリンタの用紙サイズに合うようにサイズを設定できます．米国におけるレターサイズ，世界のほとんどの地域でA4，日本ではA4 または JIS-B5などがあります．一方，車のハンドブックは車のダッシュボードに入るサイズでしょう．文庫本は従来の決まったサイズがあり，規格外のサイズを選択すると，書籍の販売に影響する可能性があります．

用紙が十分に不透明でない場合，用紙の反対側のテキストが透けて見えることがあります．用紙の両面のテキストが揃っていないと，見栄えはよくありません．

ページの端まで広がった画像や他のデザイン要素は，ページの端を超えて印刷する必要がある場合があります（ Page Settingを参照してください）．ページの端に塗り足しがない場合，印刷して製本してページを正しい仕上がりサイズにすると，画像とページの端との間に白い帯ができてしまいます．逆に，仕上がりサイズに大幅に裁ち切る場合，画像はページの端の近くに置かない方がよいでしょう．

本をデザインするときには，製本方法まで考慮する必要があるでしょう．製本綴じまたはリング綴じでは，見開きページのノドマージンエリアを減らすことができます．中綴じのように本のページが束に集められて仕上がりサイズに裁ち切られる場合，束の真ん中のページは，束の外側のページよりも小口側が多く裁ち切られている可能性があります．

ボックスモデル

CSSでは，すべてはボックスで構成されます．文書を構成する要素とテキストのツリーは，ボックスのツリーに変換されます．ある要素は複数ボックスを生成し（例：<li>），ある要素は何も生成しません（例えば，<col> のような要素，あるいは，display: none; 指定の要素）．ボックスを幅広い意味で分類すると，ブロックレベル，行，インラインレベルのボックスがあります．段落などのブロックレベルのボックスには，他のブロックレベルのボックスまたは行ボックスが含まれます．例えば，段落にテキストとリストが含まれている場合，ボックスがブロックレベルと行の両方のボックスを持たないようにひとつ以上の匿名ボックスがテキストの行ボックスの周囲に作成されます．行ボックスにはひとつまたは複数のインラインレベルのボックスが含まれます．フォントまたはスタイルの変更ごとに別々のインラインレベルのボックスが生成されるためです．

それぞれのボックスがコンテンツエリアを持ち，コンテンツの端はコンテンツエリアの境界になります．パディングエリアはコンテンツエリアを囲み，そのパディングエリアはパディング端が境界となっています．同様に，ボーダーはパディングを囲み，マージンはボーダーを囲んでいます．CSS定義におけるボックスのエリア生成において，上記の説明ではパディング，ボーダー，マージンはあたかも一定の幅を持っているように見えますが，パディング，ボーダー，マージンの値がゼロに設定されているときがあります．

ボックスの表示と印刷

CSSでは，最下位の文字列を含むボックスから，最上位のルート要素のボックスまで階層構造になっています．出力先が画面のときは，ルート要素のボックスを画面に表示します．出力先がページ媒体のときは，ページボックスでページの雛形を設定し，ページに他のボックスを配置します．

ボックスの配置

表以外のボックスは，内側から，コンテンツ，パディング，ボーダー（境界）をもち，最外部にマージンをもちます．それぞれに特有のプロパティによってレイアウト特性を指定します．ページボックス，ルート要素のボックス，ブロックのボックスという階層構造になっているとき，それぞれのコンテンツ，パディング，ボーダーは，次の図のように配置されます．表については，表組を参照してください．

ボックスの大きさを決める特性

ボックスの大きさは，コンテンツの幅と高さとその周りのパディング，ボーダー，マージンの四つの特性値の合計となります．

<div style="width: 50%; box-sizing: content-box; …">
  <p style="background-color: silver; text-align: center">…</p></div>
<p style="border-top: thick solid green; width: 50%; …"/>
<div style="width: 50%; box-sizing: border-box; …">
  <p style="background-color: silver; text-align: center">…</p></div>

ボーダー

任意のオブジェクトボックスを生成できる <p>などの要素にborder-* プロパティを使用してボーダーを指定できます．border-styleで線種（スタイル），border-widthで幅（太さ），border-colorで色を指定します．他に，角の丸めを設定したり，影を付けることができます．

ボーダーは四辺別々に異なる装飾を指定できます．またショートハンドがいくつかあります．border-* プロパティは，四辺のボーダーのスタイルなどを一度に設定するためのショートハンドです．border プロパティは，四辺すべてのボーダーのスタイル，幅，色を設定するためのショートハンドです．または，ボーダーの各辺にスタイル，幅，色を設定するプロパティと，スタイルのいずれかを設定するプロパティもあります．

border-* プロパティには 1～4のコンポーネント値を指定できます．値は，以下の border-color の例が示す様に，指定する数によって異なる辺に設定できます．

• 値をひとつ指定：指定した値が［上下左右］のボーダースタイルになります．
• 値をふたつ指定：記述した順に［上下］［左右］のボーダースタイルになります．
• 値を三つ指定：記述した順に［上］［左右］［下］のボーダースタイルになります．
• 値を四つ指定：記述した順に［上］［右］［下］［左］のボーダースタイルになります．

行揃え

行グリッド

-ah-line-stacking-strategy は，単一ブロック内の行に影響します．複数のブロックに跨っている行送りには影響しません．複数のブロックに跨っている行送りは，-ah-baseline-grid を使用して一貫させられます．ただし，指定した行グリッドと揃わない行エリアもあります．以下に例を示します．

• 見出しは，テキストより大きなフォントサイズで表示されることが多いです．見出しの行の高さが (他の行の高さの) 整数倍になるように見出しの margin-top ，margin-bottom を調節すると，テキストの一貫した行の高さを維持できる場合があります．しかし，見出しが複数行に跨っている場合または見出しの直後に別の見出しが続く場合，失敗する場合があります．
• 画像は整数の行の高さになることはほとんどありません．
• 表セルのボーダーとパディングは，表のテキストの通常の行間に影響を与えます．

行グリッドと揃わないコンテンツを持つブロックは，-ah-baseline-block-snap を使用して，ブロック全体をグリッドに揃えることができます．

リーダ：leader() 関数 CSS3

leader() 機能を使って，目次では，項目タイトルとページ番号の間をリーダ（点線など）で伸ばして，ページ番号を右寄せにする形式がよく使われます．

リーダ文字として，dotted，solid，space，任意の文字が使えます．

リーダ文字として space を使うと，右インデントタブと同じになります．

ハイフネーション

.Hyphenated {
  hyphens: auto;
}
<div class="Hyphenated" lang="en">
  <p>CSS is widely used in browsers, editors, and other …

body:lang(en) {
 hyphens: auto;
}

h1, h2, h3, h4, h5, h6 {
 hyphens: manual;
}

改ページの制御

h1 {           /* 大見出し（h1）の前で強制改ページ */
  page-break-before: always;
}

div.Ending {     /* このブロックの後ろで必ず改ページ */
  page-break-after: always;
}

/* 見出し（h1～h6）の直後で改ページしてはいけない決まり */
h1, h2, h3, h4, h5, h6 {
  page-break-after: avoid;
}

/* このブロックの中では改ページ禁止 */
div.NoBreak {
  page-break-inside: avoid;
}

/*h2見出しが常に右ページに来るように改ページ*/
h2 {
  page-break-before: right;
}

フォント指定

/* 文書タイトル */
.CoverPage h1 {
  font: bold 30pt "源ノ角ゴシック JP", sans-serif;
  text-align: center;
}

/* 本文 */
body {
  font-size: 12pt;
  line-height: 1.5;
  font-family: "Source Sans Pro", "源ノ角ゴシック JP", sans-serif;
}

font-family: Helvetica, "源ノ角ゴシック JP", sans-serif;

イタリック体・斜体：font-style プロパティ

初期値：normal 適用対象：すべての要素 値の継承：する

フォントをイタリック体や斜体に指定します．

• normal：標準（立体）．
• italic：イタリック体．
• oblique：斜体．

italic は，初めから斜めに傾けてデザインされたフォントですが，oblique は単純に元のフォントを傾けたものです．italic 指定したフォントにイタリック体がない場合は，そのフォントを斜めに傾けて表示します．

AH Formatter では，oblique を指定しても italic と同じように処理します．

日本語フォントには，イタリック体はほとんど存在しないので，italicを指定してもobliqueを指定しても同じ表示になります．（日本語フォントでも，欧字に対してはイタリック体を持っているものは多いです．）

下線・上線・打ち消し線

span {
  text-decoration: underline dotted cmyk(0,1,1,0); /* 下線 点線 赤 */
}

/* 章見出し */
.Chapter h2 {
  text-decoration-line: underline overline;
}

span.dotted {
  text-decoration-style: dotted;        /* 線の種類を点線にする */
}
...
<p>dotted：点線 <span class="dotted">　　　</span></p>

span {
  text-decoration-color: cmyk(0,1,1,0);  /* 線の色を赤にする */
}

MathML

AH Formatter は，W3Cによる Mathematical Markup Language (MathML) 3.0 Second Editionを独自開発したエンジンにより描画できます．そのため，PDF中の数式を高い解像度で描画できます．

MathMLについては，Antenna House 出版の MathML数式組版入門 https://www.antenna.co.jp/AHF/ahf_publication/index.html#MathMLを参照してください．

<p>2次方程式
<m:math xmlns:m="http://www.w3.org/1998/Math/MathML"
    lang="en">
 <m:mstyle displaystyle="true" scriptminsize="1pt"
      scriptsizemultiplier="0.6">
  <m:mrow>
   <m:msup>
    <m:mrow>
     <m:mi>a</m:mi>
     <m:mo>&#x2062;</m:mo>
     <m:mi>x</m:mi>
    </m:mrow>
    <m:mn>2</m:mn>
   </m:msup>
…
の解は，
…

MathMLを使った組版例

ふたつの直線の方程式を y = m 1 x + n 1 と y = m 2 x + n 2

とすると，この2直線のなす角 θ は，

tan θ = ± m 2 − m 1 1 + m 2 m 1 ( 0°≦ θ < 180° )

SVGグラフィクス

AH Formatter は，W3Cによる Scalable Vector Graphics（SVG）1.1を独自開発したエンジンにより描画します．そのため，PDF中へのSVGイメージを高い解像度で描画できます．

<p>SVGのベクタグラフィクス
  <s:svg xmlns:s="http://www.w3.org/2000/svg" width="70" height="65"
    viewBox="0 0 70 65">
   <s:g fill-opacity=".5" stroke="black" stroke-width="2">
     <s:circle cx="35" cy="20" r="19" fill="red"/>…
   </s:g>
 </s:svg>
を埋め込むことができます．</p>

インライン画像

文章中にインライン画像を配置するには，インライン要素の <img> 要素や <object> 要素を使います．

<p>Antenna House <img src="images/logo-antenna.svg" alt="AH logo" style="height: 9pt;" /> Formatter は世界中のお客様にご利用いただきながら…

ブロック画像

display: block; を使用して，画像表示をインラインではなくブロックとして表示します．

<p>Antenna House <img src="images/logo-antenna.svg" alt="AH logo" style="display: block; height: 9pt;" /> Formatter は世界中のお客様にご利用いただきながら 18年目を迎える大容量・多言語データに最適な自動組版ソフトです。独自開発した PDF出力エンジンで、アクセシブルなタグ付きPDF や印刷用の PDF/X、長期保存 PDF/A などさまざまな PDF形式の出力ができます。

回り込みの解除：clear プロパティ

clear プロパティは右寄せまたは左寄せを指定したブロックへの回り込みを解除します．

• none：回り込みを解除しません．
• left：左寄せの要素への回り込みを解除します．
• right：右寄せの要素への回り込みを解除します．
• both：左寄せおよび右寄せ要素への回り込みを解除します．

表の作成方法

CSSの表モデルは，HTML4の表モデルを元にしています．表要素を持っていない文書言語で CSS を使用する場合，文書要素を HTML4に対応する display プロパティ値に割り当てることができます．

要素を表関連の display 値に割り当てることは，非常に有用です．AH Formatterとともに配布されるhtml.css のような HTML用CSSスタイルシートは，HTMLの表要素を display 値に割り当てます．display 値は同じ要素であるかのように表示するよう定義されています．

table       { display: table }
tr          { display: table-row }
thead       { display: table-header-group }
tbody       { display: table-row-group }
tfoot       { display: table-footer-group }
col         { display: table-column }
colgroup    { display: table-column-group }
td，th      { display: table-cell }
caption     { display: table-caption }

display プロパティを使ってXML要素を表要素を表すプロパティ値に対応付けることで，XMLを表として表示できます．

<DATA>
  <STACK>
    <ROW><CELL>一行一列目</CELL><CELL>一行二列目</CELL></ROW>
    <ROW><CELL>二行一列目</CELL></ROW>
    <ROW><CELL>三行一列目</CELL></ROW>
  </STACK>
</DATA>

DATA {
  display: block;
  margin: 20%;
}
STACK {
  display: table;
  border-collapse: collapse;
}
ROW  {
  display: table-row;
}
CELL {
  display: table-cell;
  padding: 10pt;
  border: solid thin;
}

ボックス基本特性の表への適用

CSSのボックスは margin，border，padding，width，height プロパティの大きさで決まります．表については少し異なっており，これらの特性は次のように適用されます．

• 表のパディングは，border-collapse: separate;のときのみ適用されます．
• 表の幅は，border-collapse: separate; のとき左右のパディング内側の間隔，border-collapse: collapse;のとき左右のボーダーの中心間の間隔になります．
• table-column，table-column-group，table-row，table-row-group のボーダープロパティは，border-collapse: collapse;のときのみ適用されます．
• table-column ，table-column-group のwidth プロパティは，コラムの最小幅の指定となります．

表のボーダーモデル

ボーダー間のアキ：border-spacing プロパティ

初期値：0 適用対象：表要素 値の継承：する

border-collapse: separate;のとき，隣接するセルのボーダーどうしの間隔（アキ量）を指定します．

table {
  padding: 5mm;
  border: solid 2mm gray;
  border-collapse: separate;
  border-spacing: 2mm;
}

th, td {
  padding: 2mm;
  border: solid 2mm silver;
}

上の指定例は次のように可視化されます．

table {
  padding: 5mm;
  border: solid 2mm gray;
  border-collapse: collapse;
}

th, td {
  padding: 2mm;
  border: solid 2mm silver;
}

上の指定例は次のように可視化されます．このとき，表のパディングはなくなります．また，表のボーダーとセルのボーダーが同じ幅のため，次項の優先度が適用されて，表が生成するボックスのボーダーがセルのボーダーに上書きされています．

表の中央揃え

表全体を中央揃えにするには，margin-left: auto;とmargin-right: auto; を指定します．

table {
  margin-left: auto;
  margin-right: auto;
}

印刷の色

ブラウザで CSS を使用すると，表示されている色はディスプレイから発光するものです．赤，緑，青の原色が組み合わされて色を生成するとき，加法色となります．各コンポーネントがより多く追加されると，色は薄くなります．それが #FFF が白である理由です．

逆に，印刷すると，表示される色は，印刷の表面から反射される光です．シアン，マゼンタ，イエローの原色が結合して色を生成するとき，減法色となります．各コンポーネントがより多く追加されると，色は濃くなります．cmyk(1, 1, 1, 0) は，黒でなければなりませんが実際には泥のような茶色になります．それが，黒が第4の色として追加される理由のひとつですCMYK の K は，他のプレートに対して，黒はkeyとなる印刷プレートであることから由来します．．黒の印刷インクを使用することは，カラーインクを3倍使用するより安いです．テキストは通常黒でのみ印刷されます．他の三つのインクが揃っていなくても心配ありません．黒に他の色を混ぜることによって，グラフィクスなどで使用する深みのある黒を作ることができます．

RGBとCMYの関係は，1860年頃にJames Clerk Maxwellによって最初に実証されました．簡単に言えば，印刷原色は，透過された原色の二次色で，逆も同様です．シアンは，青色と緑色の混合または白色から赤色を除いた混合，同様にマゼンタと黄色の混合です．しかし，以下の図が示すように，CMYK印刷インクは，ウェブ上のRGB色に使用されるsRGBカラースペースと同じ色域（すなわち色範囲）を持っていません．また，可視光の全色域をカバーしていません．

sRGB と CMYK の相違は，色の使い方に影響を与えます．印刷用デバイスを使用するにあたって遭遇するのは CMYKを使用して RGB 色を表現するのにどうやって処理するかという問題です．通常は色域外の色を印刷できるように色を置き換えます（色域外の色はほとんど置き換えるのが難しいので，期待した色にならないのは避けられません）．主に画面上でページを表示するなら，そして，プリンターで印刷する場合も想定するなら，RGB 色が最適です．ただし，ページ媒体を商業目的で印刷する場合は，画像に RGB と CMYK のどちらを使用するかどうかは，CMYKへの最終変換を行うプリンタを考慮する必要があります．商業印刷用の画像を準備する作業は複雑な課題であり，本書の対象外です．

章や節に番号を付ける

要素に章番号や節番号のような連番を付けるには，counter-increment プロパティ，counter-reset プロパティ，content プロパティを使います．

counter-increment プロパティと counter-reset プロパティでカウンタ名とその値を設定します．content プロパティにカウンタ名を指定すると，::before疑似要素または ::after 疑似要素にカウンタの値が挿入されます．counter-increment プロパティを適用した要素が現れるたびにカウンタの値が増え，counter-reset プロパティを適用した要素が現れるたびにカウンタの値がリセットされます．

body {
  counter-reset: ChapterNo;          /* 章番号（ChapterNo）をリセットします */
}
h1:before {
  counter-increment: ChapterNo;      /* 章番号に1を足します */
  /* 章見出し（h1）の前に「Chapter○」を挿入します */
  content: "Chapter" counter(ChapterNo) ": ";
}
h1 { /* Chapterにh1:beforeとh1自身の内容をセットします */
  string-set: Chapter content(before) content();
  counter-reset: SectionNo;          /* 節番号をリセットします */
}
h2:before {
  counter-increment: SectionNo;      /* 節番号に1を足します */
  content: counter(ChapterNo) "." counter(SectionNo) " ";
}
h2 { /* Sectionにh2:beforeとh2自身の内容をセットします */
  string-set: Section content(before) content();
}
@page :left {
  @top-left { /* 左ページの柱に章のタイトルを挿入します */
    content: string(Chapter);
  }
}
@page :right {
  @top-right { /* 右ページの柱に節のタイトルを挿入します */
    content: string(Section);
  }
}

ページカウンタ CSS3

現在のページを求めるには counter(page) を使い，総ページ数を求めるには counter(pages) を使います．

<p>このページのページ数 ＝ <span style="content: counter(page)"></span></p>
<p>この文書の総ページ数 ＝ <span style="content: counter(pages)"></span></p>

counter() には，カウンタスタイルを指定する任意の第2引数があります．省略した場合の既定値は decimal となります．

<p>このページのページ数 ＝
  <span style="content: counter(page, lower-roman)"></span></p>
<p>この文書の総ページ数 ＝
  <span style="content: counter(pages, upper-roman)"></span></p>

リスト項目マーカ：::marker 疑似要素

::marker を，CSS プロパティと値の全範囲を用いてスタイルできます．既定コンテンツは list-style-image と list-style-type プロパティで定義しますが，::marker のcontent プロパティを設定すると上書きできます．

カウンタスタイル CSS3

counter style は，連番を表すために使用する数字，アルファベット，記号などを定義し実装します．CSS1 は，HTML が伝統的にリストとして許されているスタイルに基づいて，いくつかのカウンタスタイルを定義しました．CSS Counter Styles Level 3 はカスタムカウンタスタイルを定義するための仕組みを持っている @counter-style; ルールを定義します．

CSS3 カウンタスタイルのコアの部分は，整数カウンタ値の文字列表現を生成するアルゴリズムに名前を付けることです．カウンタスタイルには，生成された値に追加する前置や後置を示すプロパティや，負の数を示す追加の文字列なども含まれます．カウンタスタイルは，list-style-type，counters() 関数で使用できます．

次に，CSS Counter Styles Level 3 の filled-circled-decimal カウンタスタイルに基づいたmy-filled-circled-decimal カウンタスタイルの使用例を示します．その名前が示す様に，カウンタスタイルでは，十進数を表すために 黒丸で囲んだ10進数を使用します．数字の後にはスペースが続きます．カウンタスタイルは，<ol> の項目に番号を付けるときに使用します．

@counter-style my-filled-circled-decimal {
system: fixed;
symbols: '\2776' '\2777' '\2778' '\2779' '\277a' '\277b' '\277c' '\277d' '\277e';
/* 記号: '❶' '❷' '❸' '❹' '❺' '❻' '❼' '❽' '❾'; */
suffix: ' ';
}
ol.my-filled-circled-decimal li { list-style-type: my-filled-circled-decimal;  }
…
<ol class="my-filled-circled-decimal">
  <li title="1">1</li>
  <li title="2">2</li>
</ol>

定義済みカウンタスタイル CSS3

CSS Counter Styles Level 3 は，いくつかのカウンタスタイルをあらかじめ定義しています．その中には，@counter-style で表現するのが複雑なものもあります．W3C国際化ワーキンググループによって発行されたカウンタスタイルは，世界中のさまざまな文化によって使用されるナンバリングシステム用のユーザ定義カウンタスタイル用のコード情報を提供しています．それらは，CSS Counter Styles Level 3 定義済みスタイルも含みます．

AH Formatter は以下の定義済みスタイルを実装しています* のついたスタイルは，古い list-style-type 仕様との下位互換性のためにリストされています．．

• numeric
  • arabic-indic
  • bengali
  • binary
  • cambodian
  • cjk-decimal
  • decimal
  • devanagari
  • fullwidth-decimal
  • gujarati
  • gurmukhi
  • kannada
  • khmer
  • lao
  • lepcha
  • lower-hexadecimal
  • malayalam
  • mongolian
  • myanmar
  • new-base-60
  • octal
  • oriya
  • persian
  • shan
  • super-decimal
  • tamil
  • telugu
  • thai
  • tibetan
  • upper-hexadecimal
• alphabetic
  • afar
  • agaw
  • ari
  • blin
  • cjk-earthly-branch
  • cjk-heavenly-stem
  • dizi
  • fullwidth-lower-alpha
  • fullwidth-lower-latin*
  • fullwidth-upper-alpha
  • fullwidth-upper-latin*
  • gedeo
  • gumuz
  • hadiyya
  • harari
  • hindi
  • hiragana
  • hiragana-iroha
  • japanese-formal
  • kaffa
  • katakana
  • katakana-iroha
  • kebena
  • kembata
  • khmer-consonant
  • konso
  • korean-consonant
  • korean-hanja-formal
  • korean-hanja-informal
  • korean-syllable
  • kunama
  • lower-alpha
  • lower-belorussian
  • lower-bulgarian
  • lower-greek
  • lower-latin*
  • lower-macedonian
  • lower-oromo-qubee
  • lower-russian
  • lower-russian-full
  • lower-serbo-croatian
  • lower-ukrainian
  • lower-ukrainian-full
  • meen
  • oromo
  • saho
  • sidama
  • silti
  • thai-alphabetic
  • tigre
  • upper-alpha
  • upper-belorussian
  • upper-bulgarian
  • upper-greek*
  • upper-latin*
  • upper-macedonian
  • upper-oromo-qubee
  • upper-russian
  • upper-russian-full
  • upper-serbo-croatian
  • upper-ukrainian
  • upper-ukrainian-full
  • wolaita
  • yemsa
• additive
  • ancient-tamil
  • armenian
  • georgian
  • greek*
  • greek-lower-ancient
  • greek-lower-modern
  • greek-upper-ancient
  • greek-upper-modern
  • hebrew
  • japanese-informal
  • korean-hangul-formal
  • lower-armenian
  • lower-roman
  • simple-lower-roman
  • simple-upper-roman
  • upper-armenian
  • upper-roman
• symbolic
  • lower-alpha-symbolic
  • upper-alpha-symbolic
• fixed
  • arabic-abjad
  • circled-decimal
  • circled-ideograph
  • circled-katakana
  • circled-korean-consonant
  • circled-korean-syllable
  • circled-lower-latin
  • circled-upper-latin
  • decimal-leading-zero
  • dotted-decimal
  • double-circled-decimal
  • filled-circled-decimal
  • fullwidth-lower-roman
  • fullwidth-upper-roman
  • maghrebi-abjad
  • parenthesized-decimal
  • parenthesized-hangul-consonant
  • parenthesized-hangul-syllable
  • parenthesized-ideograph
  • parenthesized-lower-latin
  • persian-abjad
  • persian-alphabetic
• cyclic
  • box*
  • check*
  • circle
  • diamond*
  • disc
  • hyphen*
  • square
• complex
  • ethiopic-numeric
  • kansuji -ah-kansuji-styleを使用して変換できます．
  • simp-chinese-formal
  • simp-chinese-informal
  • trad-chinese-formal
  • trad-chinese-informal

テキスト内容の参照：target-text() 関数 CSS3

参照先のテキストを参照元に表示するには，target-text() 関数を使います．

target-text() 関数を使った相互参照の方法は，以下のようになります．

1. CSSファイルの相互参照用クラスに参照元に挿入する文字列を指定します．
2. target-text() 関数を使うと，target-text()関数内に指定した変数のカウンタをcontent プロパティに挿入できます．
3. 文章中の参照元には，アンカーとなる <a> タグを挿入し，そのクラスに相互参照クラス名を指定します．さらに href 属性にソース参照のID値を指定します．
4. アンカータグ内の文字列が，参照先の文字列と差し替わります．

.TitleRef {
  content: target-text(attr(href url), before) "　"
           target-text(attr(href url), content);
}
…
<h2 id="CrossRef">クロスリファレンス（相互参照）</h2>
…
<p>例：「<a class="TitleRef" href="#CrossRef">この章</a>」</p>
<p>「この章」という文字が，参照先のタイトルに差し替わります．</p>

カウンタの参照：target-counter() 関数 CSS3

参照先の章番号やページ番号を自動的に付加するには，target-counter() 関数を使います．カウンタ を参照してください．

target-counter() 関数を使った相互参照の方法は，以下のようになります．

1. CSS では，::before または ::after 疑似要素の内容として挿入される文字列を指定します．
2. target-counter()関数を使うと，target-counter() 関数内に指定した変数のカウンタを content プロパティに挿入できます．単なる文字列を挿入する場合は，その文字列をダブルクォーテーションまたはシングルクォーテーションで囲みます．また，target-counter() 関数との間は，半角スペースで区切ります．
3. 文章中の参照元には，アンカーとなる <a> タグを挿入し，そのクラスに相互参照クラス名を指定します．さらに href 属性にソース参照のID値を指定します．

.ChapterRef::before {
  content: target-text(attr(href url), before) "　"
           target-text(attr(href url), content);
}
.PageRef::after {
  content: "（ページ" target-counter(attr(href url), page) "）";
}
…
 <a class="ChapterRef PageRef" href="#Counters">カウンタ</a>を参照

目次作成

目次は，target-counter() 関数による章番号とページ番号の参照を使って作ることができます．

.TOC li.TocLevel1 > a::before { /* 目次項目に章番号を付ける */
  content: "第" target-counter(attr(href url), ChapterNo) "章　";
}
.TOC li.TocLevel1 > a::after { /* 目次項目にページ番号を付ける */
  content: leader(space) target-counter(attr(href url), page);
}
…
<div class="TOC">
  <ul>
    <li class="TocLevel1"><a href="#WebvsPrint">Web とページ媒体</a></li>
    <li class="TocLevel1"><a href="#BoxModel">ボックスによるレイアウト</a></li>
    <li class="TocLevel1"><a href="#ObjectDecorate">オブジェクトの装飾</a></li>
  </ul>
</div>

脚注の指定：float: footnote; CSS3

float: footnote; が指定されている場合，その要素の内容が脚注となります．

<style>
.Footnote { float: footnote; }
</style>

<p><span class="code">float: footnote;</span> が指定されている場合，
<span class="Footnote">その要素の内容が脚注となります．</span>.</p>

脚注エリアの設定は，@pageルールの中で @footnote ルールを使います．ページの末尾に脚注を配置するには，float: bottom page;（4.4.1 ページフロート）を使用します．脚注の番号の形式を設定するには，擬似要素の ::footnote-call と ::footnote-marker を使用します．

脚注のスタイル：@footnote ルール CSS3

脚注エリアの上に罫線を引くなど，脚注エリアの設定をするために，@page ルールの中で@footnote を使用します．

@page {
  @footnote {
    float: bottom page; /* 脚注エリアは，ページの下部へのフロートとして配置される */
    border-top: thin solid black; /* 脚注エリアの上の罫線を指定 */
    border-length: 30%;           /* 罫線の長さを指定（ページエリア幅の30%） */
    padding-top: 0.5em;
  }
}

脚注番号：::footnote-call/::footnote-marker 疑似要素 CSS3

脚注番号を設定するには，擬似要素の ::footnote-call と ::footnote-marker を使います．footnote カウンタは，脚注が生成されるたびに増加します．

::footnote-call { /* 脚注呼び出し */
  content: "(" counter(footnote) ")"; font-size: 6pt; vertical-align: super;
}
::footnote-marker { /* 脚注の番号 */
  content: "(" counter(footnote) ")"; font-size: 1em; vertical-align: super;
}

傍注の指定：float: sidenote; CSS3

float: sidenote; が float プロパティに指定されている場合，内容は傍注となります．傍注の指定は，@page ルール内の，@sidenote ルールを使用します．傍注の番号の形式を設定するには，擬似要素の ::sidenote-call ，::sidenote-marker を使います．

span.sidenote {
  float: sidenote;
}

傍注スタイル：@sidenote ルール CSS3

@page ルールの@sidenote ルールを使用して，傍注エリアの位置と範囲を設定します．

@page {
  @sidenote {
    float: outside;
    clear: both;
    width: 20%;
  }
}

行頭行末約物半角固定・段落先頭全角1字下げ

日本語文書を組版する場合の基本的なスタイル設定は，行頭約物半角固定・行末約物半角固定・段落先頭全角1字下げとなっています．

• 行頭約物：半角固定とします．
• 行末約物：半角固定とします．
• 段落先頭：全角1字下げとします．

body {  /* 日本語組版のための設定 */
  punctuation-trim: start end adjacent;
  -ah-text-justify-trim: punctuation;
  -ah-text-autospace: ideograph-numeric ideograph-alpha;
  -ah-text-autospace-width: 25%;
  hanging-punctuation: none;
}
p {     /* 段落 */
  text-align: justify;  /* 行末を揃える */
  text-indent: 1em;     /* 段落は全角1字下げ */
  margin: 0;            /* 段落間は空けない */
}

行頭約物半角固定・行末約物全角/半角・段落先頭全角1字下げ

行頭約物半角固定・行末約物全角または半角・段落先頭全角1字下げとします．

• 行頭約物：半角固定とします．
• 行末約物：全角または半角とします．
• 段落先頭：全角1字下げとします．

body {  /* 日本語組版のための設定 */
  punctuation-trim: start allow-end adjacent;
  -ah-text-justify-trim: punctuation;
  -ah-text-autospace: ideograph-numeric ideograph-alpha;
  -ah-text-autospace-width: 25%;
  hanging-punctuation: none;
}
p {     /* 段落 */
  text-align: justify;  /* 行末を揃える */
  text-indent: 1em;     /* 段落は全角1字下げ */
  margin: 0;            /* 段落間は空けない */
}

行頭約物半角固定・行末句点全角・段落先頭全角1字下げ

行頭約物半角固定・行末約物は句点のみ全角・段落先頭全角1字下げとします．

• 行頭約物：半角固定とします．
• 行末約物：句点のみ全角，その他は半角固定とします．
• 段落先頭：全角1字下げとします．

body {  /* 日本語組版のための設定 */
  punctuation-trim: start end-except-fullstop adjacent;
  -ah-text-justify-trim: punctuation;
  -ah-text-autospace: ideograph-numeric ideograph-alpha;
  -ah-text-autospace-width: 25%;
  hanging-punctuation: none;
}
p {     /* 段落 */
  text-align: justify;  /* 行末を揃える */
  text-indent: 1em;     /* 段落は全角1字下げ */
  margin: 0;            /* 段落間は空けない */
}

行頭行末約物半角固定・段落先頭全角1字下げ（起こし食い込み）

行頭約物半角固定・行末約物半角固定・段落先頭の開き括弧類は二分下げとします．

• 行頭約物：半角固定とします．
• 行末約物：半角固定とします．
• 段落先頭：全角1字下げとしますが，約物は二分下げとします．

body {  /* 日本語組版のための設定 */
  punctuation-trim: start end adjacent;
  -ah-text-justify-trim: punctuation;
  -ah-text-autospace: ideograph-numeric ideograph-alpha;
  -ah-text-autospace-width: 25%;
  hanging-punctuation: first;
}
p {     /* 段落 */
  text-align: justify;  /* 行末を揃える */
  text-indent: 1em;     /* 段落は全角1字下げ */
  margin: 0;            /* 段落間は空けない */
}

縦中横

縦書きの中に縦中横（たてちゅうよこ）を指定します．（縦書きの行の中に数字などを横書きにする）

/* 縦中横 */
span.TateChuYoko {
  display: inline-block; /* 行の中に小さなブロックを作る */
  writing-mode: lr-tb;   /* この小さなブロックを横書きにする */
  text-align: center;    /* 中央揃えに */
  text-indent: 0;        /* 字下げなし（段落pのtext-indentが
                            継承されないように） */
  line-height: 1;        /* 行間のアキが縦中横の上下につかないように */
}

<div class="VerticalTextBlock">
  …
  <p>縦書きの中に「<span class="TateChuYoko">'08</span>年
  <span class="TateChuYoko">12</span>月<span class="TateChuYoko">8</span>日」
  のように部分的に数字などを横書きにすることを「縦中横」といいます。 </p>
</div>

ルビ・圏点

XHTMLでは，<ruby> 要素を使うと，文字にルビ（フリガナ）を振ることができます．<rb> 要素で親文字（ルビを振る対象となる文字）を指定し，<rt> 要素でルビ文字（ルビの内容）を指定します．

これをCSSを使って実現する例を次に示しています．

/* Ruby ('html.css'より引用) */
ruby	{ display: ruby }
rb	{ display: ruby-base }
rt	{ display: ruby-text }
rp	{ display: none }

<p><ruby><rb>吾輩</rb><rp>(</rp><rt>わがはい</rt><rp>)</rp></ruby>は猫である。</p>
<p>名前はまだ無い。どこで生れたかとんと<ruby><rb>見当</rb><rp>(</rp><rt>けんとう
</rt><rp>)</rp></ruby>がつかぬ。</p>

AH Formatter では，文字列に圏点を付けることができます．ただし，圏点を任意のスクリプトに付けることはできません．CJK以外では，Latn / Cyrl / Grek / Zyyy にのみ適用できます．

/* 圏点 */
span.kenten {
  -ah-text-emphasis-style: filled;
  -ah-text-emphasis-offset: 0.25;
  -ah-text-emphasis-font-size: 0.25;
}

<p>ここを<span class="kenten">圏点で強調</span>します．</p>

欧文ページデザイン

欧文ページデザインの伝統は，ページの視覚的な中心は幾何学的中心上にあると考えられるので，ページエリアをページの中心より上に置きます．ノド側のマージンは伝統的に小口側のマージンよりも狭いです．これはページから別のページに目線が移動しやすいようにするためです．小口側のマージンが広いと，指でページがめくりやすいこともあります．ノド側のマージンは２本あるので，小口側の広いマージンとバランスを保てます．ページエリアの高さは，ページの幅に一致します．

実際には，ページデザインはさまざまです．印刷する「ページ」には，医薬品，販売パンフレット，児童書，部品カタログのパッケージ折り込みなどがあります．経済面を考えたりまたはオフィスプリンタで A4 またはレターサイズの用紙に印刷する必要があると，ページのデザイン性に影響を与えるかもしれません．ページエリアが見開きページで同じ位置にあるが，ページデザインが左右非対称なことは，かつては斬新なアイデアでしたが，現在は珍しいことではありません．さらに，小説は，特にページサイズの異なる製本版で販売されることが多いので，マージンを減らして同じページエリアを再利用することがあります．

日本語ページデザイン

日本語は横書きまたは縦書きで組むことができます．横書きのときページの進行方向は左から右，縦書きのときページの進行方向は右から左になります．横書きと縦書きが混在する場合もあります．出版物の種類によって縦書き，横書きを使う傾向がほぼ決まっています．例えば，公文書や教育資料は主に横書きですが，小説は主に縦書きです．

縦書き横書きの両方の文書で，日本語組版ではページエリアの幅を全角文字数で指定するのが標準です．@page ルールの width プロパティに em を使用して，幅を文字数で設定します．左右のマージンの値を auto に設定すると，ページの中央にページエリアを配置します．

@page {
 size: A4;
 width: 43em;        /* ページエリアの幅を全角43文字に */
 margin-top: 30mm;
 margin-bottom: 30mm;
 margin-left: auto;  /* ページエリアをページの中央に配置 */
 margin-right: auto;
}

ページ数の制約：-ah-force-page-count プロパティ AH 独自拡張

文書の総ページ数に制約を課します．制約が満たされない場合，ページの末尾に追加のページ（または複数ページ）が追加されます．ページ数を制約する理由としては，用紙の両面に印刷されたオフィス文書は偶数ページが必要な場合があったり，小冊子 として印刷する文書は，4ページの倍数，商業用印刷機で印刷する文書は，1枚の用紙に8，16，32 または64ページで印刷し，折り畳んで，裁ち落とす場合があるからです．

• auto：ページ数を強制しません．
• even：偶数ページに強制します．
• odd：奇数ページに制御します．
• doubly-even：ページ数を強制的に4の倍数にします．
• end-on-even：最後のページを強制的に偶数ページにします．
• end-on-odd：最後のページを強制的に奇数ページにします
• end-on-doubly-even：最後のページ番号を強制的に4の倍数にします．
• even-document：文書先頭から数えたページ数を強制的に偶数にします．
• odd-document：文書先頭から数えたページ数を強制的に奇数にします．
• doubly-even-document：文書先頭から数えたページ数を強制的に4の倍数にします．
• [ end-on | document ] <number> [ <number> ]：存在する場合，ページ数を，強制的にページの最初の数＋2番目の数の倍数にします．
• no-force：偶数ページも奇数ページも制御しません．

例えば，5ページの文書を生成する場合：

• -ah-force-page-count: even;
  -ah-force-page-count: 2; と等価です．
• -ah-force-page-count: odd;
  -ah-force-page-count: 2 1; と等価です．
• -ah-force-page-count: doubly-even;
  -ah-force-page-count: 4; と等価です．
• -ah-force-page-count: end-on-doubly-even;
  -ah-force-page-count: end-on 4; と等価です．
• -ah-force-page-count: end-on 2;
  総ページ数は6ページとなります．1ページはブランクページです．
• -ah-force-page-count: end-on 4;
  総ページ数は8ページとなります．3ページはブランクページです．
• -ah-force-page-count: end-on 4 1;
  総ページ数は5ページとなります．ブランクページはありません．
• -ah-force-page-count: end-on 4 3;
  総ページ数は7ページとなります．2ページはブランクページです．
• -ah-force-page-count: end-on 6 5;
  総ページ数は5ページとなります．ブランクページはありません．
• -ah-force-page-count: end-on 6 4;
  総ページ数は10ページとなります．5ページはブランクページです．

トンボ

@page ルールはページボックスを定義します．ページボックスの大きさは @page ルールの size で定義しますが，それよりも大きな用紙に印刷できます．その目的は，画像やその他のコンテンツをページボックスの端まで拡張するためです．プリンタのような物理的デバイスは，通常，用紙の端のまわりに印刷できないエリアを有しており，そこにコンテンツがあれば，印刷できません．大きな用紙にページボックスを印刷し，ページボックスのサイズに合わせて用紙を詰めると，印刷できないエリアの問題が回避されます．画像などをページボックスの外側の裁ち落しエリアに拡張すると，仕上がり寸法が不正確な場合の問題を回避できます．

コーナートンボとセンタートンボは，ページボックスの外側に印刷され，用紙のサイズを仕上がり寸法に処理し，両面に印刷されたコンテンツが正確に位置していることを確認するガイドとして使用します．ページボックスの外側に印刷される情報としては，多色刷りの見当合せのための色見本，ページ，ページを含む文書，バージョン番号などを識別する情報などがあります．

トンボの表示：marks プロパティ CSS3

初期値：none 適用対象：CSS @page 値の継承：しない

印刷時にトンボを印刷するかどうかを指定します．

• crop：コーナートンボ（crop marks）を出力します．
• crop-trim：仕上がり寸法の位置にのみコーナートンボを出力します．（内トンボ）
• cross：センタートンボ（cross marks，registration marks）を出力します．
• cross-circle：十字のセンタートンボに円を付けて出力します．
• crop-registration：西洋トンボ（registration marks）を出力します．
• <uri-specification>：カスタムトンボ，色見本バーなどを表現する SVG などの画像の位置を指定します．複数の画像を指定もできます．AH 独自拡張

ページボックスの四隅にコーナートンボ，また四辺の中央にセンタートンボを出力できます．コーナートンボは，仕上がり寸法に詰め処理するための位置，センタートンボは，多色刷りの見当合せのために，また用紙の表と裏の位置を合わせるのに役立ちます．外部参照画像の位置を指定して，カスタムトンボを出力することもできます．

@page {
  size: B5; /* ISO B5（176mm 250mm） */
  margin: 28mm 21.325mm;
  marks: crop cross;        /* トンボの表示 */
  -ah-crop-offset: 14mm;    /*  出力媒体の物理的な端から仕上がり寸法までの距離 */
  -ah-printer-marks-line-color: auto;    /* トンボの線の色 */
  -ah-printer-marks-line-length: 10mm;   /* トンボの線の長さ */
  -ah-printer-marks-line-width: 0.12mm;  /* トンボの線の幅 */
  bleed: 3mm;               /* 裁ち落としの長さ */
}

裁ち落し（塗り足し）

画像などでは，ページの裁ち落としの端を超えて塗り足し部分まで一杯に入れることがあります．画像をページの端まで一杯に拡張するのは，有意義な効果があります．ページの端までぎりぎりに拡張する場合，不正確な裁ち切り処理で画像の外端側に空白を残す可能性があります．画像をページの端を超えて拡張し，仕上がりサイズに裁ち切ることで，このような問題を回避できます．

マージンボックス CSS3

ページヘッダやページフッタは，ページの周辺のマージンボックスと呼ばれるエリアに割り当てます．

マージンボックスは，@top-left-corner，@top-left，@top-center，@top-right，@top-right-corner，@left-top，@left-middle，@left-bottom，@right-top，@right-middle，@right-bottom，@bottom-left-corner，@bottom-left，@bottom-center，@bottom-right，@bottom-right-cornerのように，ページ周辺の位置により名前がついています．

@page {
  @top-right {        /* ページ見出し */
    content: "Sample";
  }
  @bottom-center {    /* ページフッタ */
    content: counter(page);
  }
}

柱とノンブル

@page {
  @top-left {
    content: string(Chapter);
  }
}

h1 { string-set: Chapter content(); }

h1 {
  /* Chapter content(before) content()に
     h1:before と h1 自身の内容をセットします*/
  string-set: Chapter content(before) content();
}

@top-right {
  /* 右先頭ページのタイトル*/
  content: string(Chapter);
}

@page Index:right {
  @top-left {
    content: string(IndexTerm, first);
  }

  @top-right {
    content: string(IndexTerm, last);
  }
}

p.Title {
    position: running(Title);
    text-indent: 0;
}

@top-left {
  /* 左ページ見出しのタイトル*/
  content: element(Title);
}

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

@page {
  @top-right {
    content:  counter(pages);のページカウンタ（実際の物理ページ）
  }
}

左・右・先頭・空白ページ: :left：:right：:first： :blank

ページのマージンは，ページのマージンボックスの内容とスタイル同様に :blank 擬似クラスを使用してコンテンツがあるかどうかを考慮して設定できます．例えば，左右のページに異なる柱を設定できます．最初のページで柱の内容が異なる場合があります．最初のページの左ページの左側と右ページの右側にあるタイトルとページ番号を非表示にすることもできます．

名前付きページと一緒に使用すると，左ページと右ページ，および名前付きページの最初のページのスタイルを指定できます．擬似クラスを組み合わせて，例えば，空白の左ページに対して別のページルールを作成することは可能です．

@page Chapter:left {     /* 左ページ設定 */
  margin-left: 23mm;
  margin-right: 27mm;

  @top-left {     /* 左ページの柱に本のタイトル */
    content: string(Title);
  }
  @bottom-left {  /* ノンブル（ページ番号） */
    content: counter(page);
  }
}

@page Chapter:right {    /* 右ページ設定 */
  margin-left: 27mm;
  margin-right: 23mm;

  @top-right {    /* 右ページの柱に節のタイトル */
    content: string(Section);
  }
  @bottom-right { /* ノンブル（ページ番号） */
    content: counter(page);
  }
}

@page Chapter:first {    /* Chapterの先頭ページ設定 */
  /* ページ見出し非表示 */
  @top-right { content: none }
  @top-left  { content: none }
}

@page Preface:blank {    /* 前置きと目次の間の空白ページ */
  @bottom-left { content: none; }
  @bottom-right { content: none; }
}

最終ページ・単一ページ：:last ・ :only AH 独自拡張

このふたつは AH Formatter の拡張です．:last は最後のページ，:only は唯一のページを指定します．

PDFバージョン

PDF仕様は，最初のバージョンが1993年に公開されて以来，複数のバージョンを公開しています．公開ごとに新機能が追加されました．PDFバージョンで廃止されていない機能はすべて，後続のバージョンにも含まれます．PDFファイルには，適合するPDFバージョンを識別する情報が含まれています．PDFリーダは，ファイルのバージョンがリーダが実装しているバージョンより新しい場合でも，すべてのPDFファイルを読み取ろうとします．

ISOによって標準化されたPDFの特殊なサブセットもあります．これらの中には，それぞれの特定のPDFバージョンに基づいた複数バージョンを持つものもありますAH Formatter は PDF/E，PDF/VT のいずれも生成しません．．

• PDF/X：PDF for Exchange
• PDF/A：PDF for Archiving
• PDF/E：PDF for Engineering
• PDF/VT：PDF for exchange of variable data and transactional (VT) printing
• PDF/UA：PDF for Universal Accessibility

タグ付きPDF

「タグ付きPDF」は，個別のPDF仕様ではありません．文書の論理構造に関する追加情報をもつPDFファイルです．タグ付きPDFは，最初にPDF 1.4で定義されました．

タグ付きPDFのテキスト，グラフィクス，イメージは，例えば視覚障害のあるユーザがコンテンツにアクセスしたり，他の目的で抽出して再利用できます．PDF/UA は，追加条件にも適合するタグ付き PDFファイルです．

AH Formatterは，HTML/CSS要素と疑似要素のPDFタグ（StructElem）を次の表が示すように埋め込みます．

カスタムPDFタグ名：-ah-pdftag プロパティ AH 独自拡張

初期値：空文字列 適用対象：すべての要素 値の継承：しない

タグ付きPDFを生成する際に，指定された名前が標準のPDFタグ名でない場合，PDFのロールマップを生成して，その名前を標準の PDFタグ名へ割り当てます．提供された名前が標準のPDFタグ名のひとつである場合，その名前はそのまま使用されます．

div.TOC {
  page-break-before: right;
  page: TOC;
  -ah-pdftag: 'Sect';
}

PDF/X

PDF/Xは，ISO 15930 で規定されており，印刷用のグラフィクス交換を目的としたPDFのサブセットです．基本的には，印刷するためのすべての情報がPDFファイル内に含まれています．

AH Formatter は，複数のPDF/X バージョンに対応しています．

• PDF/X-1a:2001 (ISO 15930-1:2001)
  PDF 1.3ベースの仕様です．
• PDF/X-3:2002 (ISO 15930-3:2002)
  PDF 1.3ベースの仕様です．
• PDF/X-1a:2003 (ISO 15930-4:2003)
  PDF 1.4ベースの仕様で，PDF/X-3:2003 のサブセットです．
• PDF/X-2:2003 (ISO 15930-5:2003)
  PDF 1.4ベースの仕様で，PDF/X-3:2003 のスーパーセットです．
• PDF/X-3:2003 (ISO 15930-6:2003)
  PDF 1.4ベースの仕様です．
• PDF/X-4:2010 (ISO 15930-7:2008)
  PDF 1.6ベースの仕様です．

PDF/A

PDF/Aは ISO 19005で規定されており，電子文書の長期保存を目的としたPDFのサブセットです．

PDF/UA

PDF/UAは，ISO 14289-1で規定されており，ISO 32000-1（PDF 1.7）仕様に基づいたPDFのアクセシビリティ向上を目的とした仕様です．

PDF/UAの大きな特徴は以下が挙げられます．

• コンテンツは論理的な読み順にタグ付けされなければならない．
• 意味のある画像や注釈，数式には代替テキストを含めなければならない．

  画像または数式の代替テキストは，-ah-alttextプロパティ，リンクは -ah-annotation-contentsプロパティで指定できます．

• アクセシビリティを禁止しない暗号化を行わなければならない．
• PDF/UA 内しおりを含めることが推奨される．
• 注釈やフォームやリンク，マルチメディアを含めてもよい．
• 文書の言語を指定しなければならない．
• フォントはすべて埋め込まれなければならない．

マッターホルン プロトコル

PDF 協会（PDF Association）が公開したマッターホルンプロトコル（Matterhorn Protocol）は，PDFが PDF/UAに準拠しない可能性のあるすべての方法のチェックリストです．マッターホルンプロトコルhttps://www.pdfa.org/publication/the-matterhorn-protocol-1-02/ 文書は，136の失敗条件から成る31のチェックポイン トで構成されています．一部の失敗条件は，プログラミングでチェックできますが，人の手によるレビューが必要な場合があります．

PAC 3 PDF/UA チェッカー

Access For All による PDFアクセシビリティ チェッカー 3http://www.access-for-all.ch/en/pdf-lab/536-pdf-accessibility-checker-pac-3.html （PAC 3） は，PDF/UA準拠のPDFファイルを チェックするフリーウェアのWindows版用のユーティリティです．プログラムは マッターホルンプロトコルチェックを実装しています．PAC 3でPDFファイルを開くと，プログラムはチェックを実行し，結果の要約を表示します．インタラクティブなチェックがないので，プログラムは，人の手によるチェックを必要とする失敗について警告するだけです．

文書 プロパティAH 独自拡張

この拡張は <meta> 要素を使用します．以下に例を示します．

<meta name="document-title" content="The document title"/>
<meta name="subject" content="The document subject"/>
<meta name="author" content="The author"/>
<meta name="keywords" content="Comma, separated, keywords, list"/>
…

以下のname値を持つ<meta>は，PDFの文書カタログに格納されている情報を提供します．

• document-title：文書のタイトル
• subject：文書のサブタイトル
• author：文書の著者名
• author-title：文書の著者の役職など
• description-writer：文書の説明の著者
• keywords：カンマ区切りで列挙したキーワードのリスト
• copyright-status：著作権のステータス Unknown，Copyrighted，PublicDomainでなければなりません．
• copyright-notice：著作権の情報
• copyright-info-url：著作権情報のURL
• xmp：プロパティ情報を含むXMPのURL

Extensible Metadata Platform (XMP)

XMPは，ファイルまたは画像についてメタデータを表現するための標準XML形式です．元々はAdobeで開発され，現在は ISO 16684-1:2012で標準化されています．標準であるため，例えば，デジタルカメラで写した写真に埋め込まれているXMPは，画像を編集する写真編集プログラムによって変更または拡張できます．また，PDFファイル内のすべての画像のXMPを，PDFファイルに埋め込むことが可能です．

XMP 標準自体は，Dublin Core ，RDFなどの他のメタデータ標準に一部基づいています．

AH Formatter が生成するPDFにはXMPが埋め込まれています．

PDFファイルから抽出されたXMPの一部を以下に示します．次の図は，Acrobatで表示されたものと同じXMPを示しています．

<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/"
   x:xmptk="Adobe XMP Core 5.6-c015 84.159810, 2016/09/10-02:41:30">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about="" … >
   <pdfuaid:part>1</pdfuaid:part>
   <xmpMM:DocumentID>uuid:3DF8C5A6-E99A-6946-98C4-644ABDB67511</xmpMM:DocumentID>
   <xmpMM:VersionID>1</xmpMM:VersionID>
   <xmpMM:RenditionClass>default</xmpMM:RenditionClass>
   <pdf:Producer>Antenna House PDF Output Library 6.5.1299 (Windows
   (x64))</pdf:Producer>
   <pdf:Keywords>"CSS, formatting"</pdf:Keywords>
   <pdf:Trapped>Unknown</pdf:Trapped>
   …
   <dc:description>
      <rdf:Alt>
         <rdf:li xml:lang="x-default">CSS formatting</rdf:li>
      </rdf:Alt>
   </dc:description>
   <dc:title>
      <rdf:Alt>
         <rdf:li xml:lang="x-default">CSSページ組版入門</rdf:li>
      </rdf:Alt>
   </dc:title>
   <dc:creator>
      <rdf:Seq>
         <rdf:li>アンテナハウス株式会社</rdf:li>
      </rdf:Seq>
   </dc:creator>
…

ページ表示 AH 独自拡張

次のname 値を持つ<meta> は，最初にリーダで開いたときのPDFの表示方法を制御します．記述のない限り，利用できる値は true ，falseで，その name 値を持つ<meta> が存在しない場合，既定値は false となります．

• pagemode：文書を開いたときの表示方法．UseNone，UseOutlines，UseThumbs，FullScreen または UseOCのいずれかの値でなければなりません．アウトラインがあるときの既定値はUseOutlinesです．
• pagelayout：文書を開いたとき，使われるページのレイアウト．SinglePage，OneColumn，TwoColumnLeft，TwoColumnRight，TwoPageLeft または TwoPageRightのいずれかの値でなければなりません．既定値は SinglePageです．
• hidetoolbar：文書を開いたとき，ツールバーを隠すかどうかを指定．
• hidemenubar：文書を開いたとき，メニューバーを隠すかどうかを指定．
• hidewindowui：文書を開いたとき，ユーザインターフェイス（UI）要素（スクロールバーやナビゲーション用コントロールなど）を隠すかどうかを指定．
• fitwindow：文書を開いたとき，ページのサイズに適合するように文書ウィンドウのサイズを変更するかどうかを指定．
• centerwindow：文書を開いたとき，文書ウィンドウを画面の中央に配置するかどうかを指定．
• displaydoctitle：文書を開いたとき，文書のタイトルを表示するかどうかを指定．
• openaction：文書を開いたときに表示される宛先または実行されるアクションを指定．