の紹介
2014-03-07 (V6.2)

むらかみ しんゆう

村上 真雄@MurakamiShinyu
murakami@antenna.co.jp
Page 1 of 71

目次
Chapter 1. AH Formatter、XSL-FO と CSS 組版について . . . . . . . . . . 5

1.1 AH Formatter とは . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
1.2 XSL とは：XSLT と XSL-FO . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
1.3 CSS と XSL を比較 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
1.4 XSL-FO のページマスター機能 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
1.5 CSS3 でのページマスターに相当する機能 . . . . . . . . . . . . . . . . . . . . 14
1.6 AH 拡張プロパティ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

Chapter 2. フロート拡張 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

2.1 CSS2.1 と XSL-FO 標準のフロート機能 . . . . . . . . . . . . . . . . . . . . . .
2.2 AH 拡張 float プロパティ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2.3 ページのフロート . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2.4 段のフロート . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2.5 段組のフロート . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2.6 絶対配置フロートと相対配置フロート . . . . . . . . . . . . . . . . . . . . . . .

20
20
21
22
23
24
25

Page 2 of 71

2.7 フロートを次のページ（または段）に移動するかどうかを指定 . . . . . .
2.8 フロートのさらなる位置指定 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2.9 フロートとテキスト回り込みの調整 . . . . . . . . . . . . . . . . . . . . . . . . .

31

Chapter 3. 日本語組版関連機能 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

35

26
32

3.1 ルビ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3.2 圏点 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3.3 縦書きと縦中横～自動縦中横 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3.4 約物の処理 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3.5 和欧文間の空き . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

47

Chapter 4. フォント関連機能 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

50

35
42
48
49

4.1 font-variant 拡張 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
4.2 IVS 異体字対応 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
4.3 Web フォント、WOFF サポート . . . . . . . . . . . . . . . . . . . . . . . . . . .

52

Chapter 5. 多言語組版 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

54

5.1 中東言語（アラビア語やヘブライ語など右から左に書くもの） . . . . . .
5.2 インド系諸言語 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

50
52
54
55

Page 3 of 71

目次

5.3 東南アジアの言語 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

58

Chapter 6. MathML 数式組版 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

60

Chapter 7. 多彩な表現 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

61

7.1 ブロック領域の変形 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
7.2 グラデーション . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
7.3 テキストシャドウ V6.2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
7.4 ボックスシャドウ V6.2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Chapter 8. 行グリッド V6.2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Chapter 9. マルチメディア埋込み . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Chapter 10. PDF レイヤー V6.2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

61
63
64
65
66
69
71

Page 4 of 71

Chapter 1. AH Formatter、XSL-FO と CSS
組版について1.1 AH Formatter とは❏ 正式名称は Antenna House Formatter です。最新バージョンは V6.2。
❏ 1999 年、XML 文書組版の W3C 標準仕様 XSL (Extensible Stylesheet Language)対応の組版ソフト XSL Formatter として開発をスタート。V5 以降では CSS 組版にも対応。
❏ AH Formatter は、多言語の大量の XML データからの自動組版などで威力を発揮して、けっこう世界で使われています：✦ 多言語を必要とするグローバル企業でのマニュアル制作✦ 精細なベクタ画像を必要とする工業部品カタログ制作✦ 公的機関の文書組版システムにも採用：例）米内国歳入庁（IRS）の組版システム✦ 電子書籍と紙の書籍の同時制作システムの組版エンジンとして：例） ・CAS-UB（アンテナハウス） ・米オライリー社の書籍制作システムなど
Page 5 of 71

1.2 XSL とは：XSLT と XSL-FO❏ XSL は「拡張可能なスタイルシート言語(Extensible Stylesheet Language)」で、XML文書をレイアウトするためのもの。
❏ XSL は XML の変換を行う XSLT (XSL Transform)仕様とレイアウトを表現する XSL-FO(XSL Formatting Objects)仕様からなる。
❏ 元 XML 文書を XSLT を使って XSL-FO 形式に変換して、XSL-FO を組版する。
元 XML 文書の例

<文書>
<表題>簡単XML入門</表題><著者>あんてなハウス</著者><見出し>XMLを書いてみる</見出し><段落>XMLはこんなふうに書きます。</段落></文書>
XSL スタイルシートの例<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:fo="http://www.w3.org/1999/XSL/Format"
version='1.0'><xsl:template match="文書"><fo:root>

Page 6 of 71

Chapter 1. AH Formatter、XSL-FO と CSS 組版について<fo:layout-master-set><fo:simple-page-master master-name="M"><fo:region-body margin="2cm"/></fo:simple-page-master></fo:layout-master-set><fo:page-sequence master-reference="M"><fo:flow flow-name="xsl-region-body"><xsl:apply-templates /></fo:flow></fo:page-sequence></fo:root></xsl:template><xsl:template match="表題"><fo:block text-align="center" font-size="32pt"><xsl:apply-templates /></fo:block></xsl:template><xsl:template match="著者"><fo:block text-align="end" font-size="20pt"><xsl:apply-templates /></fo:block></xsl:template><xsl:template match="見出し"><fo:block font-size="16pt"
space-before="1em" space-after="1em"><xsl:apply-templates /></fo:block></xsl:template><xsl:template match="段落"><fo:block text-align="justify" text-indent="1em">

Page 7 of 71

Chapter 1. AH Formatter、XSL-FO と CSS 組版について<xsl:apply-templates /></fo:block></xsl:template></xsl:stylesheet>

1.3 CSS と XSL を比較
CSS で XML を組版するスタイルシートの例
表題 {display: block;text-align: center;font-size: 32pt;}
著者 {display: block;text-align: right;
font-size: 20pt;}
見出し {display: block;font-size: 16pt;
margin-top: 1em;
margin-bottom: 1em;}

Page 8 of 71

Chapter 1. AH Formatter、XSL-FO と CSS 組版について
段落 {display: block;text-align: justify;
text-indent: 1em;}

この CSS スタイルシートを XSL スタイルシートと比較すると、❏ XSLT のテンプレート <xsl:template match="表題">...</xsl:template> と CSS の
ルール "表題 {...}" が対応。
（この "表題" の部分には XSLT では XPath 構文、CSS ではセレクタ構文を使う）❏ XSL-FO の fo:block に対応するのは、CSS では display: block というプロパティ指定。
（HTML の場合は p, div, h1～h6 などブロック要素がこれに対応）❏ 体裁を指定するプロパティは共通または似ている。
XSL-FO では text-align="center"、CSS では text-align: center; など。
（XSL-FO のプロパティ仕様は CSS2.0 がベース）

Page 9 of 71

Chapter 1. AH Formatter、XSL-FO と CSS 組版について

1.4 XSL-FO のページマスター機能
XSL-FO では、ページの体裁（寸法、マージン、ページヘッダ／フッタの配置など）を「ページマスター」（fo:simple-page-master）で定義。複数のページマスターを、奇数ページ、偶数ページ、先頭ページ、最終ページ、空白ページといった条件でページに割り当てる。
XSL-FO のページマスター機能を使った例<fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format" xml:lang="ja" font="10pt/1.75 Meiryo"><fo:layout-master-set><fo:simple-page-master master-name="先頭ページ" page-width="148mm" page-height="210mm"><fo:region-body margin="25mm" /></fo:simple-page-master><fo:simple-page-master master-name="奇数ページ" page-width="148mm" page-height="210mm"><fo:region-body margin="25mm" /><fo:region-before region-name="奇数ページヘッダ" extent="22mm" padding="0 25mm"
display-align="after" /><fo:region-after region-name="奇数ページフッタ" extent="22mm" padding="0 25mm" /></fo:simple-page-master><fo:simple-page-master master-name="偶数ページ" page-width="148mm" page-height="210mm"><fo:region-body margin="25mm" /><fo:region-before region-name="偶数ページヘッダ" extent="22mm" padding="0 25mm"
display-align="after" /><fo:region-after region-name="偶数ページフッタ" extent="22mm" padding="0 25mm" /></fo:simple-page-master><fo:page-sequence-master master-name="マスターA">

Page 10 of 71

Chapter 1. AH Formatter、XSL-FO と CSS 組版について<fo:repeatable-page-master-alternatives><fo:conditional-page-master-reference page-position="first"
master-reference="先頭ページ" /><fo:conditional-page-master-reference odd-or-even="odd"master-reference="奇数ページ" /><fo:conditional-page-master-reference odd-or-even="even"master-reference="偶数ページ" /></fo:repeatable-page-master-alternatives></fo:page-sequence-master></fo:layout-master-set><fo:page-sequence master-reference="マスターA"><fo:static-content flow-name="奇数ページヘッダ"><fo:block text-align="end" font-size="8pt"><fo:retrieve-marker retrieve-class-name="節" /></fo:block></fo:static-content><fo:static-content flow-name="偶数ページヘッダ"><fo:block text-align="start" font-size="8pt"><fo:retrieve-marker retrieve-class-name="章" /></fo:block></fo:static-content><fo:static-content flow-name="奇数ページフッタ"><fo:block text-align="end" font-size="8pt"><fo:page-number /></fo:block></fo:static-content><fo:static-content flow-name="偶数ページフッタ"><fo:block text-align="start" font-size="8pt"><fo:page-number />Page 11 of 71

Chapter 1. AH Formatter、XSL-FO と CSS 組版について</fo:block></fo:static-content><fo:flow flow-name="xsl-region-body"><fo:block text-align="center" font-size="32pt">簡単XML入門</fo:block><fo:block text-align="end" font-size="20pt">あんてなハウス</fo:block><fo:block font-size="16pt" space-before="1em" space-after="1em"><fo:marker marker-class-name="章">第1章 XMLの書き方</fo:marker>
第1章 XMLの書き方</fo:block><fo:block text-align="justify" text-indent="1em">この章ではXMLの書き方を学びます。</fo:block><fo:block font-size="12pt" space-before="1em" space-after="1em"><fo:marker marker-class-name="節">1. XMLを書いてみる</fo:marker>
1. XMLを書いてみる</fo:block><fo:block text-align="justify" text-indent="1em">XMLはこんなふうに書きます。</fo:block>……
<fo:block font-size="12pt" space-before="1em" space-after="1em"><fo:marker marker-class-name="節">2. タグって何するの</fo:marker>
2. タグって何するの</fo:block><fo:block text-align="justify" text-indent="1em">XMLのタグは、なんとかかんとか。</fo:block>……
</fo:flow></fo:page-sequence></fo:root>

Page 12 of 71

Chapter 1. AH Formatter、XSL-FO と CSS 組版について
AH Formatter での組版結果

Page 13 of 71

Chapter 1. AH Formatter、XSL-FO と CSS 組版について

1.5 CSS3 でのページマスターに相当する機能
CSS でも、CSS Paged Media Level 3（CSS3 ページ媒体向け仕様）の「ページルール」（@page）を使うと、XSL-FO のページマスター機能に相当することが可能です。ただし、いろ
いろと違いがあります。
CSS3 のページルールを使った例<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" lang="ja"><head><title>簡単XML入門</title><style type="text/css">:root {
font: 10pt/1.75 Meiryo;}@page {
size: A5;/* ページサイズ */margin: 25mm;/* ページマージン */}@page :first {/* 先頭ページ */@top-left { content: none; }/* 柱やノンブルは無し */@top-right { content: none; }Page 14 of 71

Chapter 1. AH Formatter、XSL-FO と CSS 組版について@bottom-left { content: none; }@bottom-right { content: none; }}@page :left {/* 左（偶数）ページ */@top-left { content: string(章); }/* 柱を左上に */@bottom-left { content: counter(page); } /* ノンブルを左下に */}@page :right {/* 右（奇数）ページ */@top-right { content: string(節); }/* 柱を右上に */@bottom-right { content: counter(page); } /* ノンブルを右下に */}h1 { text-align: center; font-size: 32pt; counter-reset: 章番号; }address.author { text-align: end; font-size: 20pt; font-style: normal; }h2 {font-size: 16pt;
margin-top: 1em;
margin-bottom: 1em;
string-set: 章 content(before) content();
counter-increment: 章番号;
counter-reset: 節番号;}
h2::before { content: "第" counter(章番号) "章 "; }Page 15 of 71

Chapter 1. AH Formatter、XSL-FO と CSS 組版について

h3 {font-size: 12pt;
margin-top: 1em;
margin-bottom: 1em;
string-set: 節 content(before) content();
counter-increment: 節番号;}
h3::before { content: counter(節番号) ". "; }</style></head><body><h1>簡単XML入門</h1><address class="author">あんてなハウス</address><h2>XMLの書き方</h2><p>この章ではXMLの書き方を学びます。</p><h3>XMLを書いてみる</h3><p>XMLはこんなふうに書きます。</p>……
<h3>タグって何するの</h3><p>XMLのタグは、なんとかかんとか。</p>……
</body></html>CSS のページルールを XSL-FO のページマスター機能と比較すると、
Page 16 of 71

Chapter 1. AH Formatter、XSL-FO と CSS 組版について

XSL-FOCSS<fo:simple-page-master> にページサイズ @page {...} にページサイズなど指定など指定ページマージンは <fo:simple-page@page {...} にページマージンを指定。
master> 内の <fo:region-body> に指定。
柱やノンブルの領域は <fo:simple-pagemaster> 内の <fo:region-before>,<fo:region-after> など（サイド・リージョ
ンという）で定義する。

柱やノンブルの領域は @page {...} 内の@top-left, @top-center, @top-right,@bottom-left, ... などで定義する。ページ
ヘッダ／フッタの左側/中央/右側がそれぞれ別の領域（マージン・ボックスという）であるところが XSL-FO と違う。

ページヘッダ／フッタの内容（柱やノンブル） ページヘッダ／フッタの内容（柱やノンブル）
は <fo:static-content> 内に記述。
はマージン・ボックスの content プロパティの値として指定する。

Page 17 of 71

Chapter 1. AH Formatter、XSL-FO と CSS 組版について

XSL-FO
柱の内容は <fo:marker> で設定して、<fo:retrieve-marker> で取り出す。

CSS
柱の内容は string-set プロパティで設定してcontent: string(X); で取り出す。
（または position: running(X); でセットして content: element(X); で取り出す。）

ページ番号は <fo:page-number/> で取り出す。

ページ番号は content: counter(pages);<fo:conditional-page-master-reference>
で、奇数ページ、偶数ページ、先頭ページ、最終ページ、空白ページといった条件でのページマスターの割り当てをする。

@page に付加するページセレクタで、右ペーで取り出す。
ジ（:right）、左ページ（:left）、先頭ペー
ジ（:first）、空白ページ（:blank）のペー
ジルールを定義する。

<fo:page-sequence-master> を複数定義 名前付きページ（例：@page Appendix
して、文書内のパートごとに割り当てること {...}）を定義して、文書内のパートごとにができる。
割り当てることができる。

Page 18 of 71

Chapter 1. AH Formatter、XSL-FO と CSS 組版について

1.6 AH 拡張プロパティ❏ 独自拡張および CSS3 ドラフト仕様のプロパティを採用。
❏ CSS では、AH 拡張を表すプレフィックス -ah- を付ける。(1)例：-ah-hanging-punctuation: allow-end; /* 句読点ぶら下げ有り */❏ XSL-FO では、AH XSL-FO 拡張名前空間のプレフィックスを付ける。
例：
axf:hanging-punctuation="allow-end"
xmlns:axf="http://www.antennahouse.com/names/XSL/Extension"❏ AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える（上の例など）。
❏ XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある。
例：-ah-display-align: center; /* ブロック進行方向にセンタリング */(1) -ah-プレフィックスの他に、EPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパ

ティも有効です。（例: -epub-writing-mode）

Page 19 of 71

Chapter 2. フロート拡張
2.1 CSS2.1 と XSL-FO 標準のフロート機能
AH フロート拡張の説明の前に、まず、
これは float: left;
これは float: right; の例
CSS2.1 と XSL-FO 標準のフロート機能につの例
いておさらい。
CSS2.1 の float
float: none | left | rightXSL-FO の float
float: none | before | start | end | left | right | inside | outside※before はページの before 側（横書きなら上）にフロート配置。
※start, end は左横書きなら left, right に対応。inside はノド側、outside は小口側。

Page 20 of 71

2.2 AH 拡張 float プロパティ❏ -ah-float: <float-x>||<float-y>||<float-reference>||<float-move>❏ <float-x>: none | start | end | left | right | top | bottom | center | inside |outside❏ <float-y>: none | before | after | left | right | top | bottom | center | inside |outside❏ <float-reference>: normal | page | column | multicol❏ <float-move>: auto | next | auto-next | auto-move | keep
※AH 拡張 float プロパティは XSL-FO と CSS で共通（ここでは CSS の構文で説明）。XSL-FO
で利用する場合は <fo:float axf:float="top outside"> のように拡張 float を指定する。
※これらのキーワードのうち top, bottom, inside, outside, page, multicol, next は CSS3
Generated Content for Paged Media ドラフト仕様をベースにしている。
※AH 拡張 float において x 方向と y 方向という場合は、x=文字の進む方向、y=行の進む方向。
つまり横書きなら x=水平方向、y=垂直方向だが、縦書きなら x=垂直方向、y=水平方向。

Page 21 of 71

Chapter 2. フロート拡張

これは -ah-float: page top; （ページの上に配置）の例

2.3 ページのフロート
ページの上に配置-ah-float: page top;
ページの下に配置-ah-float: page bottom;
ページの左上に配置-ah-float: page left top;
ページの右下に配置-ah-float: page right bottom;
ページの上の小口側-ah-float: page top outside;
ページの下のノド側-ah-float: page bottom inside;

これは -ah-float:

page right bottom;※物理方向 left、right、top、bottom の代わりに論理方向 start（行 （ページの右下に配置）の例頭側）、end（行末側）、before（前側）、after（後側）も使用可。
Page 22 of 71

Chapter 2. フロート拡張

2.4 段のフロート段の上に配置 -ah-float: column top;
いろはにほへとちりぬるを、わかよたれ
そ、つねならむ。うゐのおくやまけふこえて、あさきゆめみしゑひもせすん。いろはに
ほへとちりぬるを、わかよたれそ、つねならむ。うゐのおくやまけふこえて、あさきゆめ
みしゑひもせすん。いろはにほへとちりぬる
段の下に配置-ah-float: column bottom;

を、わかよたれそ、
段の右上に配置
つねならむ。うゐ-ah-float: columnのおくやまけふこright top;
えて、あさきゆめ
みしゑひもせすん。いろはにほへとちりぬるを、わかよたれそ、つねならむ。うゐのおくやまけふこえて、あさきゆめみしゑひもせす
ん。いろはにほへ段の左下に配置とちりぬるを、わ-ah-float: column
かよたれそ、つね
left bottom;
ならむ。

※段をまたがるフロートは次の段組のフロートで。

Page 23 of 71

Chapter 2. フロート拡張

2.5 段組のフロート
ぬるを、わかよたれ
るを、わかよたれそ、そ、つねならむ。う つねならむ。うゐの-ah-float: multicol left top;
ゐのおくやまけふこ おくやまけふこえて、
width: 3gr;
えて、あさきゆめみ
あさきゆめみしゑひ
いろはにほへとち
みしゑひもせすん。 しゑひもせすん。い もせすん。いろはにりぬるを、わかよた いろはにほへとちり
ろはにほへとちりぬ
ほへとちりぬるを。
れそ、つねならむ。
右下に 3 段抜きで配置
うゐのおくやまけふ-ah-float: multicol right bottom; width: 5gr;
こえて、あさきゆめ
左上に 2 段抜きで配置

単位 gr(グリッド)について❏ 段幅と段間をともに 1gr と数える。例：width: 1gr は段幅と同じ。2gr は段幅＋段間。
3gr は 段幅(1 段目)＋段間＋段幅(2 段目)。n 段抜きは (2n-1)gr。
❏ 小数点以下の端数は段幅または段間の途中までを表す。例：width: 1.5gr は段幅*1 ＋段
間*0.5。width: 2.5gr は段幅(1 段目)＋段間＋段幅(2 段目)*0.5。
Page 24 of 71

Chapter 2. フロート拡張

2.6 絶対配置フロートと相対配置フロート
絶対配置フロート
ページ／段／段組のフロートは、フロート指定を埋め込む行位置（アンカーの位置）によらずに、絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする。
相対配置フロート
フロート指定を埋め込む行位置（アンカーの位置）を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする。
※「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051（日本語組版規則）における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する。
※y 方向のフロート指定（before/after、横書きでの top/bottom、縦書きでの right/left）があるのが絶対配置フロートで、無いのが相対配置フロート。
※絶対配置フロート（page top left など）は絶対的な位置指定と似ているが、同じ位置への指定のフロートがページ内に複数あった場合は、重なったりはしないで並んで（横書きなら
上から下、右縦書きなら右から左に）配置されるので、必ずしも絶対的な位置ではない。

Page 25 of 71

Chapter 2. フロート拡張

2.7 フロートを次のページ（または段）に移動するかどうかを指定<float-move>: auto | next | auto-next | auto-move | keep
auto（デフォルト）
絶対配置フロートでは auto-next、相対配置フロートでは keep と同じ。
next
フロートを現在のページ（または段）ではなくて次のページ（または段）に配置。
auto-next
現在のページ（または段）に充分なアキが無い場合にフロートを次のページ（または段）に移動。
auto-move
現在のページ（または段）に充分なアキが無い場合、フロートを次のページ（または段）に移動、あるいは、フロートを移動するのではなく、フロートのアンカーとまわりのテキストを次のページ（または段）に移動。どちらを次のページ（または段）に移動するかは、JIS X 4051（日本語組版規則）における図の配置方法の規則にしたがう。

Page 26 of 71

Chapter 2. フロート拡張

keep
フロートとそのアンカーは常に同じページ（または段）になるように配置。現在のページ（または段）にそのための充分なスペースが無い場合は、フロートのアンカーよりも前のところで改ページ（または改段）が起きて空白が生じることになる。
auto-next と auto-move の使い方
ページに図の配置をするとき、本文中での図への参照となるべく同じページに配置したい。
それが出来ないとき、通常は図を次のページに送る（auto-next の動作）。
しかし場合によっては、図が前のページにあっても図への参照がその次のページの最初のほうにあるなら許容できる。通常は図を次のページに送るが、図のほうが先に現れることも許容
したいときは auto-move を指定。
横組の図版配置の一般的な例――図版を説明のある段落の直後に配置
figure { -ah-float: center auto-move; }<p>……ここは図を説明してる段落です（図１）。</p><figure><img src="図1.svg" /><figcaption>図１ キャプション</figcaption></figure><p>そのあとの段落です……</p>
Page 27 of 71

Chapter 2. フロート拡張
図版を説明のある段落の直後に配置する場合（JLReq の図を引用）

Page 28 of 71

Chapter 2. フロート拡張※拡張 float の値 center は、x 方向の中央に寄せて配置。両側へのテキスト回り込みは無し。
※図をそのまま配置すると版面の領域からはみ出すとき、領域内の部分を a、はみ出した部分
を b とし、a≧2b の場合（はみ出しが小さい）、図の前のテキストを次のページに送ることで図をページ内に収める。a<2b の場合、図を次のページの先頭に移動し、空いたところには
図の後に続くテキストで埋める。（相対配置フロートの auto-move 指定での動作）※はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること。
縦組の図版配置の一般的な例――“天・小口寄り”に図版を配置:root {
-ah-writing-mode: vertical-rl;}
figure {-ah-float: page top outside auto-move;-ah-writing-mode: horizontal-tb;}/* 本文は縦組 *//* ページの天・小口寄りに図版を配置 *//* 図とキャプションのブロックは横組 */<p>……ここは図を説明してる段落です（図１）。</p><figure><img src="図1.svg" /><figcaption>図１ キャプション</figcaption></figure><p>そのあとの段落です……</p>
Page 29 of 71

Chapter 2. フロート拡張
縦組の“天・小口寄り”に図版を配置する場合（JLReq の図を引用）(a≧2b)(a<2b)

Page 30 of 71

Chapter 2. フロート拡張

2.8 フロートのさらなる位置指定-ah-float-offset-x, -ah-float-offset-y で x 方向、y 方向のオフセット指定
例：-ah-float: multicol left top; /* 段組の左上が基準のフロート */-ah-float-offset-x: 2gr;/* 2gr右に移動。2段目からの配置となる */width: 3gr;/* 3grの幅（2段目から3段目まで）*/
いろはにほへとち
おくやまけふこえて、段組の左上が基準で 2 段目から 3 段目までりぬるを、わかよた
あさきゆめみしゑひの幅を持つフロート
れそ、つねならむ。
もせすん。いろはに
うゐのおくやまけふ ぬるを、わかよたれ しゑひもせすん。いほへとちりぬるを、
こえて、あさきゆめ そ、つねならむ。う ろはにほへとちりぬ
わかよたれそ、つね
るを、わかよたれそ、 ならむ。
みしゑひもせすん。 ゐのおくやまけふこ
いろはにほへとちり えて、あさきゆめみ つねならむ。うゐのPage 31 of 71

Chapter 2. フロート拡張

2.9 フロートとテキスト回り込みの調整

フロートの回り込みテキスト幅の最小値を指定：-ah-float-min-wrap-x
例：/* テキストが回り込む領域の字詰方向の大きさが5文字分未満なら回り込みなしに */-ah-float-min-wrap-x: 5em;

いろはにほ
へとちりぬるをわかよたれそつねならむ。うゐのおくやまけふこえて
あさきゆめみしゑひもせすん。
いろはに
ほへとちり
ぬるをわか
よたれそつ
ねならむ。うゐのおくやまけふ
こえてあさきゆめみしゑひもせすん。

いろはにほへとちりぬるをわ
かよたれそつねならむ。

いろはにほへとちりぬるをわかよ
たれそつねならむ。うゐのおくやまけふこえてあさきゆめみしゑひもせすん。

Page 32 of 71

Chapter 2. フロート拡張

回り込みテキスト幅が足りないならフロートを中央寄せ：-ah-float-centering-x
例：-ah-float: start;-ah-float-min-wrap-x: 5em;
-ah-float-centering-x: auto; /* 回り込む領域の幅が5em未満なら回り込み無しで中央寄せ */いろはにほ
へとちりぬるをわかよたれそつねならむ。うゐのおくやまけふこえてあさきゆめみ
しゑひもせすん。

いろはにほへとちりぬ
るをわかよたれそつねな
らむ。うゐのおくやまけふこえてあさきゆめ
みしゑひもせすん。いろはにほへとちりぬるをわかよたれそつねならむ。

いろはにほへとちりぬるをわかよたれそつねならむ。

Page 33 of 71

Chapter 2. フロート拡張

フロートと回り込むテキストとのアキの指定：-ah-float-margin-x
例：-ah-float: outside;/* 小口寄り（左ページなら左寄せ） */-ah-float-margin-x: 0.5em;
いろはにほへ
とちりぬるをわ
かよたれそつねならむ。うゐのおくやまけふこえてあさきゆ
めみしゑひもせすん。
いろはにほへとちりぬるをわかよたれ
そつねならむ。うゐのおくやまけふこえてあ
さきゆめみしゑひもせすん。

いろはに
ほへとちり
ぬるをわか
よたれそつねならむ。うゐのおくやまけふこえてあさ
きゆめみしゑひもせすん。いろはにほへとち
りぬるをわかよたれそつねならむ。

※こ の ほ か の フ ロ ー ト 拡 張 、 -ah-float-min-wrap-y, -ah-float-centering-y, -ah-floatmargin-y などもあります。詳しくはマニュアルをご覧くさい。
Page 34 of 71

Chapter 3. 日本語組版関連機能
3.1 ルビ(X)HTML5 のルビの書き方
モノルビ：<ruby>京<rt>きょう</rt></ruby><ruby>都<rt>と</rt></ruby><ruby>府<rt>ふ</rt></ruby>
グループルビ：<ruby>京都府<rt>きょうとふ</rt></ruby>
熟語ルビ：<ruby>京<rt>きょう</rt>都<rt>と</rt>府<rt>ふ</rt></ruby>Page 35 of 71

AH XSL-FO 拡張のルビの書き方
モノルビ：<axf:ruby><axf:ruby-base>京</axf:ruby-base><axf:ruby-text>きょう</axf:ruby-text></axf:ruby><axf:ruby><axf:ruby-base>都</axf:ruby-base><axf:ruby-text>と</axf:ruby-text></axf:ruby><axf:ruby><axf:ruby-base>府</axf:ruby-base><axf:ruby-text>ふ</axf:ruby-text></axf:ruby>
グループルビ<axf:ruby><axf:ruby-base>京都府</axf:ruby-base><axf:ruby-text>きょうとふ</axf:ruby-text></axf:ruby>Page 36 of 71

Chapter 3. 日本語組版関連機能

熟語ルビ<axf:ruby><axf:ruby-base>京</axf:ruby-base><axf:ruby-text>きょう</axf:ruby-text><axf:ruby-base>都</axf:ruby-base><axf:ruby-text>と</axf:ruby-text><axf:ruby-base>府</axf:ruby-base><axf:ruby-text>ふ</axf:ruby-text></axf:ruby>
モノルビ、グループルビ、熟語ルビの組版結果の違い
モノルビ：

きょう と ふ京 都府

グループルビ：

きょうとふ

京都府
熟語ルビ：

きょうと ふ

京都府
Page 37 of 71

Chapter 3. 日本語組版関連機能

熟語ルビの行の折り返し
角を<ruby>凝<rt>ぎょう</rt>視<rt>し</rt></ruby>する。
鬼門の方角を<ruby>凝<rt>ぎょう</rt>視<rt>し</rt></ruby>する。
ぎょうし

角を凝視する。
ぎょう

鬼門の方角を凝し視する。
ルビが親文字よりはみ出した場合の処理<ruby>渚<rt>なぎさ</rt></ruby>に<ruby>暁<rt>あかつき</rt></ruby>を
なぎさ あかつき

渚に 暁 を

Page 38 of 71

Chapter 3. 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense: 66%; /* ルビ文字幅を自動的に66%まで圧縮 */いま今、渚に暁の趣を<ruby>今<rt>いま</rt></ruby>、<ruby>渚<rt>なぎさ</rt></ruby>に<ruby>暁<rt>あかつき</rt></ruby>の<ruby>趣<rt>おもむき</rt></ruby>を

なぎさ

なぎさ

あかつき

おもむき

あかつき

いま

今、渚に暁の趣をおもむきPage 39 of 71

Chapter 3. 日本語組版関連機能

親文字の両側にルビ

とうなん

たつみ

たつみ

東南の方向

東南の

とうなん

方向

<ruby style="-ah-ruby-position: after;"><ruby style="-ah-ruby-position: before;">東南<rt>とうなん</rt></ruby><rt>たつみ</rt></ruby>の方向

中付きと肩付き地をち<ruby style="-ah-ruby-align: center;">地<rt>ち</rt></ruby>を地をち<ruby style="-ah-ruby-align: start;">地<rt>ち</rt></ruby>を

Page 40 of 71

Chapter 3. 日本語組版関連機能

グループルビの配置<ruby style="-ah-ruby-align: distribute-space;">紫陽花<rt>あじさい</rt></ruby>あ じ さ い紫陽花
<ruby style="-ah-ruby-align: distribute-letter;">紫陽花<rt>あじさい</rt></ruby>あ じ さ い紫陽花
<ruby style="-ah-ruby-align: center;">境界面<rt>インターフェイス</rt></ruby>
インターフェイス

境界面<ruby style="-ah-ruby-align: center; -ah-ruby-base-align: distribute-space;">
境界面<rt>インターフェイス</rt></ruby>インターフェイス

境界面

Page 41 of 71

Chapter 3. 日本語組版関連機能

3.2 圏点em.Kenten {-ah-text-emphasis-style: filled;-ah-text-emphasis-font-family: KentenGeneric;font-style: normal;
}

﹅

● ●

●

●

●

﹅

ここは圏点で強調よ

ここは圏点で﹅強調よ

ここは<em class="Kenten">圏点で強調</em>よ﹅﹅Page 42 of 71

Chapter 3. 日本語組版関連機能

﹆

○

○

○

○

○

﹆

ここは圏点で強調よ

ここは圏点で﹆強調よ-ah-text-emphasis-style: open;﹆﹆-ah-text-emphasis-style: dot;
•

•

• •

•

ここは圏点で強調よ-ah-text-emphasis-style: open dot;
◦

◦

◦

◦

◦

ここは圏点で強調よPage 43 of 71

Chapter 3. 日本語組版関連機能-ah-text-emphasis-style: circle;
●

●

●

●

●

ここは圏点で強調よ-ah-text-emphasis-style: open circle;
○

○

○

○

○

ここは圏点で強調よ-ah-text-emphasis-style: double-circle;
◉

◉

◉

◉

◉

ここは圏点で強調よ-ah-text-emphasis-style: open double-circle;
◎

◎

◎

◎

◎

ここは圏点で強調よPage 44 of 71

Chapter 3. 日本語組版関連機能-ah-text-emphasis-style: triangle;
▲

▲

▲

▲

▲

ここは圏点で強調よ-ah-text-emphasis-style: open triangle;
△

△

△

△

△

ここは圏点で強調よ-ah-text-emphasis-style: sesame;
﹅

﹅

﹅ ﹅

﹅

ここは圏点で強調よ-ah-text-emphasis-style: open sesame;
﹆

﹆ ﹆

﹆

﹆

ここは圏点で強調よ-ah-text-emphasis-style: "★";
★

★

★ ★

★

ここは圏点で強調よPage 45 of 71

Chapter 3. 日本語組版関連機能

ルビと圏点-ah-text-emphasis-style: dot;
ルビと<ruby>圏点<rt>けんてん</rt></ruby>

•

•

• •
• けんてんルビと圏点-ah-text-emphasis-style: dot;
-ah-text-emphasis-offset: 0.5em;
ルビと<ruby>圏点<rt>けんてん</rt></ruby>
•

•

•

• •
けんてん

ルビと圏点

Page 46 of 71

Chapter 3. 日本語組版関連機能

3.3 縦書きと縦中横～自動縦中横

日本語は伝統的に縦書きで組まれます。書籍や雑誌など出版物の多くは今も縦書きが主流です。もちろん、 AH Formatterは縦書きにも対応しています。このように、部分的にブロックを縦書きにすることも、文書全体を縦書きにすることもできます。
縦 書 き の 指 定 は writing、横書きのmode: vertical-rl
指 定 は
writing-mode:です。
horizontal-tb
縦書きの中に「 年３月日」のように部分的に数字などを横書きにすること
たてちゅうよこを「縦中横」といいます。
31’12

span.TCY {-ah-text-combine: horizontal; /* 縦中横 */}...
<p>縦書きの中に「<span class="TCY">’12</span>年３月<span class="TCY">31</span>日」のように部分的に数字などを横書きにすることを「縦中横」といいます。</p>Page 47 of 71

Chapter 3. 日本語組版関連機能

文章中の縦中横にする箇所にいちいち指定するのは面倒だという場合には、自動縦中横の機能が便利です。
:root { /* 文書全体をこのモードにするにはルートに指定 */-ah-writing-mode: vertical-rl; /* 縦書き *//* 数字2桁まで、英字1桁を自動縦中横 */-ah-text-combine-horizontal: digits 2 alpha 1;...
}

3.4 約物の処理「《約物〔やくもの〕》、つまり『括弧』・『句読点』の類（たぐい）です。」のように、約物（句読点や括弧類）が連続する場合や行頭や行末に来たとき、通常は全角幅の約物を半角幅に詰めて、見栄えをよくします。
「《約物〔やくもの〕》、つまり『括弧』・『句読点』の類（たぐい）です。」←こちらは比較のために、約物の詰めを無効にした例です（-ah-punctuation-trim: none を指定）(2)。
(2) この約物の詰めの処理と次の和欧文間の空きの処理は、CSS Text Level 4 で定義される予定の text-

spacing プロパティの機能に相当します。

Page 48 of 71

Chapter 3. 日本語組版関連機能

3.5 和欧文間の空き「日本語にも global にも 100%を目指す AH Formatter V6 です」のように、日本語の文章の中に欧字や数字が入るとき、間にアキを入れて読みやすくします。
「日本語にもglobalにも100%を目指すAH Formatter V6です」←こちらは比較のために、和欧
文間の空きを無効にした例です（-ah-text-autospace: none を指定）。
※和欧文間の空きの量は標準で全角幅の 25%ですが、変更可能です。（-ah-text-autospacewidth プロパティ）

Page 49 of 71

Chapter 4. フォント関連機能
4.1 font-variant 拡張
CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています。
❏ font-variant: normal | [ <font-variant-caps> || <font-variant-numeric> || <font-variantalternates> || <font-variant-ligatures> || <font-variant-position> || <font-variant-east-asian> ]❏ <font-variant-caps>: small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase❏ <font-variant-numeric>: <numeric-figure-values> || <numeric-spacing-values> || <numericfraction-values> || slashed-zero❏ <numeric-figure-values>: lining-nums | oldstyle-nums❏ <numeric-spacing-values>: proportional-nums | tabular-nums❏ <numeric-fraction-values>: diagonal-fractions | stacked-fractions❏ <font-variant-alternates>: historical-forms | stylistic(<number>) | swash(<number>) |ornament(<number>) | annotation(<number>)❏ <font-variant-ligatures>: <common-lig-values> || <discretionary-lig-values> || <historical-ligvalues> || <contextual-alt-values> V6.2
❏ <common-lig-values>: common-ligatures | no-common-ligatures V6.2
❏ <discretionary-lig-values>: discretionary-ligatures | no-discretionary-ligatures V6.2

Page 50 of 71❏ <historical-lig-values>: historical-ligatures | no-historical-ligatures V6.2
❏ <contextual-alt-values>: contextual | no-contextual V6.2
❏ <font-variant-position>: sub | super V6.2
❏ <font-variant-east-asian>: <east-asian-variant-values> || <east-asian-width-values> || rubyV6.2

❏ <east-asian-variant-values>: jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |traditional❏ <east-asian-width-values>: full-width | proportional-width

body { /* 日本語OpenTypeフォントの仮名文字などをプロポーショナルに */font-variant: proportional-width;}「日本語 OpenType フォントの仮名文字などを“プロポーショナル”なグリフにすることができます。」（font-variant: proportional-width）「日本語 OpenType フォントの仮名文字などを“プロポーショナル”なグリフにすることができます。」（通常）「日本語 OpenType フォントの仮名文字などを“プロポーショナル”なグリフにすることができます。」（font-variant: full-width）

Page 51 of 71

Chapter 4. フォント関連機能

4.2 IVS 異体字対応
葛城市と葛飾区
葛 = U+845B U+E0100
葛 = U+845B U+E0101
4.3 Web フォント、WOFF サポート

This is the WOFF font ‘Tangerine’ from Font Squirrel.
This is the WOFF font ‘GoodDog’ from Font Squirrel.
@font-face {font-family: 'TangerineRegular';Page 52 of 71

Chapter 4. フォント関連機能}...

src: url('Tangerine_Regular-webfont.woff');

XSL-FO では：<fo:declarations><axf:font-face font-family="GoodDogRegular"
src="GoodDog-webfont.woff" /></fo:declarations>Page 53 of 71

‫‪Chapter 5. 多言語組版‬‬‫。‪以下の多言語のサンプルは、UDHR in Unicode（世界人権宣言の各国語版）から‬‬‫）‪5.1 中東言語（アラビア語やヘブライ語など右から左に書くもの‬‬‫‪Arabic‬‬‫وضميرا وعليهم أن يعامل بعضهم بعضً ا بروح الإخاء‪.‬‬‫يولد جميع الناس أحر ًارا متساوين في الكرامة والحقوق‪ .‬وقد وهبوا عق ًلا ً‬
‫ُ‬
‫َ‬
‫َ‬
‫َّ‬
‫َدفعَہ ‪ :۱‬تَمام ِانسان آزاد اور ح‬‫وق و عِزت کے اِعتِبار سے بَرابَر پَبدا ہوئے ہَیں۔ انہیں ضَمیر اور َع قل‬
‫ُق‬
‫ُ‬
‫َ‬
‫ے‬
‫ے انہیں ایک دوسرے کے ساتھ بهائی چارے کا سُلوک کَریا چا ہِئ‬‫ودیعَت ہوئی ہے۔ ِاس لِئ‬‫‪Urdu V6.2‬‬‫‪Hebrew‬‬‫כל בני אדם נולדו בני חורין ושווים בערכם ובזכויותיהם‪ .‬כולם חוננו בתבונה ובמצפון‪ ,‬לפיכך‬‫חובה עליהם לנהוג איש ברעהו ברוח של אחוה‪.‬‬‫‪Page 54 of 71‬‬

5.2 インド系諸言語
Hindi (Devanagari)सभी मनुष्यों को गौरव और अधिकारों के मामले में जन्मजात स्वतन्त्रताऔर समानता प्राप्त है । उन्हें बुद्घि और अन्तरात्मा की दे न प्राप्त हैऔर परस्पर उन्हें भाईचारे के भाव से बताताव करना चाहहए ।
Bengaliসমস্ত মানুষ স্বাধীনভাবে সমান মর্যাদা এেং অধধকার ধনব়ে জন্মগ্রহণ কবর।তাঁবদর ধেবেক এেং েুধ্ধি আবে ; সুতরাং সকবেরই এবক অপবরর প্রধত
ভ্রাতৃ ত্বসুেভ মবনাভাে ধনব়ে আচরণ করা উধচত্‍।
Gujaratiપ્રતિષ્ઠા અને અતિકારોની દષષ્િએ સર્વ માનરો જન્મથી સ્રિંત્ર અનેસમાન હોય છે . િેમનામાં તરચારશકકિ અને અંિઃકરણ હોય છે અને િેમણે
પરસ્પર બંધત્ુ રની ભારનાથી રિ્વવ ું જોઇએ.
Page 55 of 71

Chapter 5. 多言語組版

Tamilமனிதப் பிறிவியினர் சகலரும் சுதந்திரமாகவவ
பிறக்கின்றனர் ; அவர்கள் மதிப்பிலும்,உரிமமகளிலும் சமமானவர்கள், அவர்கள்
நியாயத்மதயும் மனச்சாட்சிமயயும் இயற்பண்பாகப்
பபற்றவர்கள். அவர்கள் ஒருவருடபனாருவர் சவகாதர
உணர்வுப் பாங்கில் நடந்துபகாள்ளல் வவண்டும்.
Malayalamമനുഷ്യരെല്ലാവെും തുല്യാവകാശങ്ങള ാുുംഅന്തളസ്സാുും സ്വാതന്ന്ത്യള
ാുുംകടുി
ാരുജനിച്ചിട്ടുള്ളവൊണ്‌. അളന്യാന്യം ന്രാതൃരാവള
രെെുമാറുവാനാണ്‌ മനുഷ്യന്നു വിളവകബുദ്ധിയും
മനസ്സാക്ഷിയും സിദ്ധമായിെിക്കുന്നത്‌.

Page 56 of 71

Chapter 5. 多言語組版

Kannadaಎಲ್ಲಾ ಮ್ನವರೂ ಸ್ವತಂತ್ರರ್ಗಿ ಕ ಜನಿಸಿದ್ಧಾರೆ. ಹ್ಗೂ ಘನತೆ ಮತ್ತು ಹಕ್ಕುಗಳಲ್ಲಾ
ಸಮ್ನರ್ಗಿದ್ದಾರೆ. ವಿವೆಕಕ ಮತ್ತು ಅಂತಃಕರಣ ಗಳನ್ನು ಪದೆದವರ್ದದಾ ರಿಂದ ಅವರ್ಪರಸ್ಪರ ಸಹೊಕದರ ಭ್ವದಿಂದ ವರ್ತಿಸ ಕಕ್.

以下のサンプルテキストは Wikipedia から：
Oriyaଓଡ଼ିଆ, ଓଡ଼ିଶାର ପ୍ରଶାସନିକ ଭାଷା ଓ ଭାରତର ସମ୍ବିଧାନ ସ୍ଵିକୃତୀପ୍ରାପ୍ତ ୨୨ଟି ଭାଷାମଧ୍ୟରୁ ଗ ାଟି ଓ ଝାଡ଼ଖଣ୍ଡର ୨ୟ ପ୍ରଶାସନିକ ଭାଷା ।
Teluguఆంధ్రపద్ర ేశ్ రాష్ట ్ర అధికార భాష తెలుగు. భారత దేశం లో తెలుగు మాతృభాషగా
మాటాలాడే 8.7 కోటలా (2001 ) జనాభాతో పా్రంతీయ భాషలలో మొదటి సాథానం
లోఉంది.

Page 57 of 71

Chapter 5. 多言語組版

Punjabi (Gurmukhi)ਪੰ ਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤੇ ਭਾਰਤ ਦੇ ਪੰ ਜਾਬ ਸੂਬੇ ਦੀ ਭਾਸ਼ਾ ਹੈ। ਇਹ ਭਾਸ਼ਾਵਾਂ ਦੇ ਕਹੰ ਦਇਰਾਨੀ ਪਰਵਾਰ ਕਵੱ ਚੋਂ ਕਹੰ ਦ-ਯੂਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬੰ ਧ ਰੱ ਖਦੀ ਹੈ। ਇਹ ਪੰ ਜਾਬੀਆਂਦੀ ਮਾਂ ਬੋਲੀ ਹੈ ਅਤੇ ਕਸੱ ਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸ਼ਾ ਵੀ ਹੈ, ਕਜਸ ਕਵੱ ਚ ਗੁਰੂ ਗ੍ਰੰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹੈ। ਇਹ ਦੁਨੀਆਂ ਅਤੇ ਖਾਸ ਿਰ ਦੱ ਖਣੀ ਏਸ਼ੀਆ ਦੇ ਉੱਘੇ ਭੰ ਗੜਾਸੰ ਗੀਤ ਦੀ ਭਾਸ਼ਾ ਹੈ। ਪਾਕਿਸਤਾਨ ਕਵੱ ਚ ਇਹ ਸਭ ਤੋਂ ਵੱ ਧ ਬੋਲੀ ਜਾਣ ਵਾਲੀ ਬੋਲੀ ਹੈ।
5.3 東南アジアの言語
Khmerមនុស្សទាំងអស់ កមាតមមមាននកសរីភាព និងសមភាព មា្នុងផ្្នមាកសចមា្ដីថ្លៃ្្នូរនិងសិទ្ធិ។ មនុស្ស ននវិចារណញ្ញា ណនិងសមិសម្បជញញាៈជាប់ពីមាំកណតម ក តគប្បីប្បប្ពឹម្ដចំកោះគ្្នកៅវិញកៅមមា មា្នុង ស្មា រមីភាមរភាពជាបងប្អូន។

Page 58 of 71

Chapter 5. 多言語組版

Lao

ມະນ
ຸ ດເກ
້ າກັນໃນທາງກຽດຕີ ດມາມີ ິສດເສລີ ພາບ ແລະ ສະເໝ
ີ ໜ
ິ ສັກ
່ື
່ົ ວ)ແລະມແລະ ທາງສຸ ດມູ ້ ີ ດຮູ້ ຊ້ ວຍມະນ
ໍ າຈ
ິ ດດ
ີ ສະຕ
ີ ມະໂນທິ ໍສາປັດຊັນຍະ(ຮ່ີ ນ່ໍ ກັນໃນທາງພ
ງຕ້ ອງປະພ
້ ອງ.
ຶ ດຕ
ົ ນຕ

Thai

มนุษย์ท้ งั หลายเกิดมามีอิสระและเสมอภาคกันในเกียรติศกั ด[เกียรติศกั ดิ์]และสิ ทธิ ต่างมีเหตุผลและมโนธรรม
และควรปฏิบตั ิต่อกันด้วยเจตนารมณ์แห่งภราดรภาพ
VietnameseTất cả mọi người sinh ra đều được tự do và bình đẳng về nhân phẩm vàquyền. Mọi con người đều được tạo hoá ban cho lý trí và lương tâm và
cần phải đối xử với nhau trong tình bằng hữu.

Page 59 of 71

Chapter 6. MathML 数式組版
Quadratic Equation
Bernoulli Trials
Cauchy Formula−b ± b2 − 4ac2ankP(E) = k p (1 − p)n − k
1f (ξ)
f (z) · Indγ(z) =dξ
2πi ∮ ξ − zx=γ<math display="block" xmlns="http://www.w3.org/1998/Math/MathML"><mrow><mi>x</mi><mo>=</mo><mfrac><mrow><mo>-</mo><mi>b</mi>…
※MathML 数式組版を利用するには、数式用のフリーなフォントである STIX フォントを推奨します。STIX フォントは STIX Fonts Project Website からダウンロードできます。
Page 60 of 71

Chapter 7. 多彩な表現
ಲ್ಲಾ
ಗಳ
ಕು
್
7.1 ブロック領域の変形ಹಕ ವರ್
ತ್ತುಮ ಂದ ಅ
ೆತ-ah-transform: rotate(-30deg);ದಾ ರಿಘನ ರ್ದೂವಗಹ್ ಪದೆದ
.
ೆ
್ನು
್ಧಾರ
ಸಿದ ಗಳನನಿಕ ಜ ಃಕರಣ
.
ತಗಿಕಕ್್ರರ್ ್ತು ಅಂತ್ವತಂ ಕ ಮತ ವರ್ತಿಸ
ಸರೂ ವಿವೆಕ ದಿಂದವad್ನ ದ್ದಾರೆ. ಭ್ವ
na
n
ಮ
ಲಾ
ಗಿ
ರ
್
Ka
ಎಲ ್ನರ್ ೊ ಕದಹಸಮ ್ಪರ ಸಸಪರPage 61 of 71

-ah-transform: skewx(-45deg) scaley(1.5)

2

Quadratic Equation x = −b2a± b − 4ac
Bernoulli Trials P(E) =k np (1k − p) n − k❏ -ah-transform: none | <transform-function> [ <transform-function> ]*❏ <transform-function>:✦ matrix(<number>, <number>, <number>, <number>, <number>, <number>)✦ translate(<translation-value>[, <translation-value>])✦ translateX(<translation-value>)✦ translateY(<translation-value>)✦ scale(<number>[, <number>])✦ scaleX(<number>)✦ scaleY(<number>)✦ rotate(<angle>)✦ skew(<angle>[, <angle>])✦ skewX(<angle>)✦ skewY(<angle>)※CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています。
Page 62 of 71

Chapter 7. 多彩な表現

7.2 グラデーション
背景にグラデーションを指定することができます。
background: linear-gradient(to right, yellow, violet);
色々なグラデーションの例：
Linear Gradientlinear-gradient(to top right,
red, white, blue)

Radial Gradientradial-gradient(red, yellow,
green)

Repeating Linear Gradient

repeating-linear-gradient(red,yellow 20px, red 40px)

Repeating Radial Gradient

repeating-radial-gradient(circle
closest-side at 20px 30px, red,
yellow, green 100%, yellow 150%,
red 200%)※CSS3 グラデーション（Gradients）仕様に対応しています。

Page 63 of 71

Chapter 7. 多彩な表現

7.3 テキストシャドウ

V6.2

テキストに影を付けることができます。
text-shadow: 1pt 1pt 0pt #F0F0F0, 2pt 2pt 0pt #707070;

TEXT SHADOW 影付き
text-shadow: 0pt 1pt 2pt #666;

TEXT SHADOW 影付き
text-shadow: 2pt 2pt 0 rgba(255,0,180,0.5);

TEXT SHADOW 影付き
Page 64 of 71

Chapter 7. 多彩な表現

7.4 ボックスシャドウ

V6.2

ボックスにぼかしのある影を付けることができます。
box-shadow: rgba(0,127,0,0.5) 3pt 3pt 2pt
box-shadow: rgba(0,127,0,0.5) 3pt 3pt 2pt inset
box-shadow: rgba(0,127,0,0.5) 3pt 3pt 2pt, rgba(0,127,0,0.5) 3pt 3pt
2pt inset
box-shadow: rgba(0,127,0,0.5) 3pt 3pt 2pt 5pt, rgba(0,127,0,0.5) 3pt
3pt 2pt 5pt inset

Page 65 of 71

Chapter 8. 行グリッド V6.2
見出しや図があっても各段の行の位置がずれないように行グリッドを設定します。
このブロックは-ah-baseline-grid: new

いろはにほへとちり

図 Float

で行グリッドを設定してます。

ぬるを、わかよたれそ

見出し（n 行ドリ）

つねならむ。うゐのおくやまけふこえて、あ

いろはにほへとちりぬるをわかよたれそつ

ねならむ大きい字 Big うゐのおくやま
けふこえて、あさきゆめみしゑひもせす。い
ろはにほへとちりぬるを、わかよたれそつね

もっと Big

ならむ

さきゆめみしゑひもせす。
図 Display-ah-baseline-grid: none;-ah-baseline-block-snap: auto;
いろはにほへとちりぬるをわかよたれそつねならむ。うゐのおくやまけふこえてあさき

うゐのおく

ゆめみしゑひもせす。いろはにほへとちりぬ

やまけふこえて、あさきゆめみしゑひもせす。

るをわかよたれそつねならむ。うゐのおくや

いろはにほへとちりぬるをわかよたれそ。

まけふこえてあさきゆめみしゑひもせす。

Page 66 of 71

body {
-ah-baseline-grid: new;font-size: 9pt;
line-height: 14pt;
column-count: 2;...
}/*このブロックに行グリッドを設定 *//* このfontとline-height値を行グリッドに使う */❏ ブロック要素に-ah-baseline-grid: new を指定すると、この要素のフォントと行高(line-height)を使って行グリッドが設定され、グリッドに合わせて行が配置されます。
❏ 行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが、行グ
リッドありの場合には半行間のアキはできません。
❏ 行の中に大き目の文字やインライン画像がある場合、隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます。
❏ new の代わりに root を指定すると、root 要素の font と line-height 値を行グリッドに使います。

Page 67 of 71

Chapter 8. 行グリッド V6.2

h1 {-ah-baseline-grid: new;/* 見出しブロック内の行グリッド設定 */-ah-baseline-block-snap: center;/* n行ドリ中央に配置 */font-size: 1.8em;
line-height: 1.2;...
}
figure {-ah-baseline-grid: none;/* 図版ブロック内は行グリッド不使用 */-ah-baseline-block-snap: auto;...
}❏ 見出しや図版を n 行ドリにするにはそのブロックに-ah-baseline-grid: new またはnone を指定します（そのブロック内に行グリッドを設定するなら new、しないならnone）。
❏ -ah-baseline-block-snap で見出しや図版を n 行ドリの中央寄せ(center)か前寄せ(before)か後寄せ(after)かを指定します。デフォルト auto では段の先頭では前寄せ、末尾では後寄せ、それ以外で中央寄せとします。
❏ 実際に何行ドリになるかは見出しや図版のブロックの大きさによります。必要に応じて
margin や padding の指定で調整します。
Page 68 of 71

Chapter 9. マルチメディア埋込み
ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます。
HTML では：<video src="movie.mp4" type="video/mp4" poster="poster.jpg"
width="400" height="300" controls="controls" ></video>または<object data="movie.mp4" type="video/mp4"
width="400" height="300"style="-ah-poster-image:url(poster.jpg); -ah-show-controls:true"></object>
XSL-FO では：<fo:external-graphic src="movie.mp4" content-type="video/mp4"
axf:poster-image="poster.jpg"
axf:show-controls="true"
width="400px" height="300px" />※再生時の音量、再生回数、再生時間なども指定できます(axf:(-ah-)media-*)。 V6.2
Page 69 of 71

Movie: The quick brown fox jumps!

Page 70 of 71

Chapter 10. PDF レイヤー V6.2
PDF にレイヤーを指定することができます。
:root { -ah-layer-settings: "上レイヤー", "下レイヤー","日本語レイヤー" lang "ja", "English Layer" off lang "en"; }.LayerA { -ah-layer: "上レイヤー" }...
下レイヤー、下レイヤー、下レイヤー、下レイヤー、下レイヤー、下レイヤー、下レイヤ
ー、下レイヤー、下レイヤー、下レイヤー、下レイヤー、下レイヤー、下レイヤー、下レ
イヤー、下レイヤー、下レイヤー、下レイヤー、下レイヤー、下レイヤー、下レイヤー、上レイヤー、上レイヤー、上レイヤー、上レイヤー、上下レイヤー、下レイヤー、下レイヤー、下レイヤー、下レイヤー、下レイヤー、下レイヤ
レイヤー、上レイヤー、上レイヤー、上レイヤー、上レー、下レイヤー、下レイヤー、下レイヤー、下レイヤー

イヤー、上レイヤー、上レイヤー、上レイヤー、上レイ
ヤー、上レイヤー、上レイヤー

日本語レイヤー、日本語レイヤー、日本語レイヤー、日本語レイヤー、日本語レイヤー、日本語レイヤー、日本語レイヤー、日本語レイヤー、日本語レイヤー、日本語レイヤー、日本
語レイヤー、日本語レイヤー、日本語レイヤー、日本語レイヤー、日本語レイヤー
Page 71 of 71