71
の紹介 2014-03-07 (V6.2) むら かみ しん ゆう @MurakamiShinyu [email protected] Page 1 of 71

AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

  • Upload
    others

  • View
    8

  • Download
    0

Embed Size (px)

Citation preview

Page 1: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

の紹介

2014-03-07 (V62)

村むら

上かみ

真しん

雄ゆう

MurakamiShinyumurakamiantennacojp

Page 1 of 71

目次

Chapter 1 AH FormatterXSL-FO と CSS 組版について 511 AH Formatter とは 512 XSL とはXSLT と XSL-FO 613 CSS と XSL を比較 814 XSL-FO のページマスター機能 1015 CSS3 でのページマスターに相当する機能 1416 AH 拡張プロパティ 19

Chapter 2 フロート拡張 2021 CSS21 と XSL-FO 標準のフロート機能 2022 AH 拡張 floatプロパティ 2123 ページのフロート 2224 段のフロート 2325 段組のフロート 2426 絶対配置フロートと相対配置フロート 25

Page 2 of 71

27 フロートを次のページ(または段)に移動するかどうかを指定 2628 フロートのさらなる位置指定 3129 フロートとテキスト回り込みの調整 32

Chapter 3 日本語組版関連機能 3531 ルビ 3532 圏点 4233 縦書きと縦中横~自動縦中横 4734 約物の処理 4835 和欧文間の空き 49

Chapter 4 フォント関連機能 5041 font-variant 拡張 5042 IVS 異体字対応 5243 Web フォントWOFF サポート 52

Chapter 5 多言語組版 5451 中東言語(アラビア語やヘブライ語など右から左に書くもの) 5452 インド系諸言語 55

Page 3 of 71

53 東南アジアの言語 58Chapter 6 MathML 数式組版 60Chapter 7 多彩な表現 6171 ブロック領域の変形 6172 グラデーション 6373 テキストシャドウ V62 6474 ボックスシャドウ V62 65

Chapter 8 行グリッド V62 66Chapter 9 マルチメディア埋込み 69Chapter 10 PDF レイヤー V62 71

Page 4 of 71

目次

Chapter 1 AH FormatterXSL-FO と CSS組版について

11 AH Formatter とは

正式名称は Antenna House Formatter です最新バージョンは V62 1999 年XML 文書組版の W3C 標準仕様 XSL (Extensible Stylesheet Language)対応

の組版ソフト XSL Formatter として開発をスタートV5 以降では CSS 組版にも対応 AH Formatter は多言語の大量の XML データからの自動組版などで威力を発揮して

けっこう世界で使われています 多言語を必要とするグローバル企業でのマニュアル制作 精細なベクタ画像を必要とする工業部品カタログ制作 公的機関の文書組版システムにも採用例)米内国歳入庁(IRS)の組版システム 電子書籍と紙の書籍の同時制作システムの組版エンジンとして

例) CAS-UB(アンテナハウス) 米オライリー社の書籍制作システムなど

Page 5 of 71

12 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 文書の例lt文書gt lt表題gt簡単XML入門lt表題gt lt著者gtあんてなハウスlt著者gt lt見出しgtXMLを書いてみるlt見出しgt lt段落gtXMLはこんなふうに書きますlt段落gtlt文書gt

XSL スタイルシートの例ltxslstylesheet xmlnsxsl=httpwwww3org1999XSLTransform xmlnsfo=httpwwww3org1999XSLFormat version=10gt ltxsltemplate match=文書gt ltforootgt

Page 6 of 71

ltfolayout-master-setgt ltfosimple-page-master master-name=Mgt ltforegion-body margin=2cmgt ltfosimple-page-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=Mgt ltfoflow flow-name=xsl-region-bodygt ltxslapply-templates gt ltfoflowgt ltfopage-sequencegt ltforootgt ltxsltemplategt ltxsltemplate match=表題gt ltfoblock text-align=center font-size=32ptgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=著者gt ltfoblock text-align=end font-size=20ptgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=見出しgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=段落gt ltfoblock text-align=justify text-indent=1emgt

Page 7 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltxslapply-templates gt ltfoblockgt ltxsltemplategtltxslstylesheetgt

13 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 FormatterXSL-FO と CSS 組版について

段落 display block text-align justify text-indent 1em

この CSS スタイルシートを XSL スタイルシートと比較すると

XSLT のテンプレート ltxsltemplate match=表題gtltxsltemplategt と CSS のルール 表題 が対応

(この 表題 の部分には XSLT では XPath 構文CSS ではセレクタ構文を使う) XSL-FO の foblock に対応するのはCSS では display block というプロパティ指

定(HTML の場合は p div h1~h6 などブロック要素がこれに対応)

体裁を指定するプロパティは共通または似ているXSL-FO では text-align=centerCSS では text-align center など

(XSL-FO のプロパティ仕様は CSS20 がベース)

Page 9 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

14 XSL-FO のページマスター機能

XSL-FO ではページの体裁(寸法マージンページヘッダフッタの配置など)を「ページマスター」(fosimple-page-master)で定義複数のページマスターを奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でページに割り当てる

XSL-FO のページマスター機能を使った例ltforoot xmlnsfo=httpwwww3org1999XSLFormat xmllang=ja font=10pt175 Meiryogt ltfolayout-master-setgt ltfosimple-page-master master-name=先頭ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=奇数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=奇数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=奇数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=偶数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=偶数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=偶数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfopage-sequence-master master-name=マスターAgt

Page 10 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltforepeatable-page-master-alternativesgt ltfoconditional-page-master-reference page-position=first master-reference=先頭ページ gt ltfoconditional-page-master-reference odd-or-even=odd master-reference=奇数ページ gt ltfoconditional-page-master-reference odd-or-even=even master-reference=偶数ページ gt ltforepeatable-page-master-alternativesgt ltfopage-sequence-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=マスターAgt ltfostatic-content flow-name=奇数ページヘッダgt ltfoblock text-align=end font-size=8ptgt ltforetrieve-marker retrieve-class-name=節 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページヘッダgt ltfoblock text-align=start font-size=8ptgt ltforetrieve-marker retrieve-class-name=章 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=奇数ページフッタgt ltfoblock text-align=end font-size=8ptgt ltfopage-number gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページフッタgt ltfoblock text-align=start font-size=8ptgt ltfopage-number gt

Page 11 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltfoblockgt ltfostatic-contentgt ltfoflow flow-name=xsl-region-bodygt ltfoblock text-align=center font-size=32ptgt簡単XML入門ltfoblockgt ltfoblock text-align=end font-size=20ptgtあんてなハウスltfoblockgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltfomarker marker-class-name=章gt第1章 XMLの書き方ltfomarkergt 第1章 XMLの書き方 ltfoblockgt ltfoblock text-align=justify text-indent=1emgtこの章ではXMLの書き方を学びますltfoblockgt ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt1 XMLを書いてみるltfomarkergt 1 XMLを書いてみる ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLはこんなふうに書きますltfoblockgt helliphellip ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt2 タグって何するのltfomarkergt 2 タグって何するの ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLのタグはなんとかかんとかltfoblockgt helliphellip ltfoflowgt ltfopage-sequencegtltforootgt

Page 12 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

AH Formatter での組版結果

Page 13 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

15 CSS3 でのページマスターに相当する機能

CSS でもCSS Paged Media Level 3(CSS3 ページ媒体向け仕様)の「ページルール」(page)を使うとXSL-FO のページマスター機能に相当することが可能ですただしいろいろと違いがあります

CSS3 のページルールを使った例ltDOCTYPE htmlgtlthtml xmlns=httpwwww3org1999xhtml lang=jagt ltheadgt lttitlegt簡単XML入門lttitlegt ltstyle type=textcssgtroot font 10pt175 Meiryopage size A5 ページサイズ margin 25mm ページマージン page first 先頭ページ top-left content none 柱やノンブルは無し top-right content none

Page 14 of 71

Chapter 1 AH FormatterXSL-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 章番号 addressauthor 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 節番号h2before content 第 counter(章番号) 章 

Page 15 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

h3 font-size 12pt margin-top 1em margin-bottom 1em string-set 節 content(before) content() counter-increment 節番号h3before content counter(節番号) ltstylegt ltheadgt ltbodygt lth1gt簡単XML入門lth1gt ltaddress class=authorgtあんてなハウスltaddressgt lth2gtXMLの書き方lth2gt ltpgtこの章ではXMLの書き方を学びますltpgt lth3gtXMLを書いてみるlth3gt ltpgtXMLはこんなふうに書きますltpgt helliphellip lth3gtタグって何するのlth3gt ltpgtXMLのタグはなんとかかんとかltpgt helliphellip ltbodygtlthtmlgt

CSS のページルールを XSL-FO のページマスター機能と比較すると

Page 16 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 2: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

目次

Chapter 1 AH FormatterXSL-FO と CSS 組版について 511 AH Formatter とは 512 XSL とはXSLT と XSL-FO 613 CSS と XSL を比較 814 XSL-FO のページマスター機能 1015 CSS3 でのページマスターに相当する機能 1416 AH 拡張プロパティ 19

Chapter 2 フロート拡張 2021 CSS21 と XSL-FO 標準のフロート機能 2022 AH 拡張 floatプロパティ 2123 ページのフロート 2224 段のフロート 2325 段組のフロート 2426 絶対配置フロートと相対配置フロート 25

Page 2 of 71

27 フロートを次のページ(または段)に移動するかどうかを指定 2628 フロートのさらなる位置指定 3129 フロートとテキスト回り込みの調整 32

Chapter 3 日本語組版関連機能 3531 ルビ 3532 圏点 4233 縦書きと縦中横~自動縦中横 4734 約物の処理 4835 和欧文間の空き 49

Chapter 4 フォント関連機能 5041 font-variant 拡張 5042 IVS 異体字対応 5243 Web フォントWOFF サポート 52

Chapter 5 多言語組版 5451 中東言語(アラビア語やヘブライ語など右から左に書くもの) 5452 インド系諸言語 55

Page 3 of 71

53 東南アジアの言語 58Chapter 6 MathML 数式組版 60Chapter 7 多彩な表現 6171 ブロック領域の変形 6172 グラデーション 6373 テキストシャドウ V62 6474 ボックスシャドウ V62 65

Chapter 8 行グリッド V62 66Chapter 9 マルチメディア埋込み 69Chapter 10 PDF レイヤー V62 71

Page 4 of 71

目次

Chapter 1 AH FormatterXSL-FO と CSS組版について

11 AH Formatter とは

正式名称は Antenna House Formatter です最新バージョンは V62 1999 年XML 文書組版の W3C 標準仕様 XSL (Extensible Stylesheet Language)対応

の組版ソフト XSL Formatter として開発をスタートV5 以降では CSS 組版にも対応 AH Formatter は多言語の大量の XML データからの自動組版などで威力を発揮して

けっこう世界で使われています 多言語を必要とするグローバル企業でのマニュアル制作 精細なベクタ画像を必要とする工業部品カタログ制作 公的機関の文書組版システムにも採用例)米内国歳入庁(IRS)の組版システム 電子書籍と紙の書籍の同時制作システムの組版エンジンとして

例) CAS-UB(アンテナハウス) 米オライリー社の書籍制作システムなど

Page 5 of 71

12 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 文書の例lt文書gt lt表題gt簡単XML入門lt表題gt lt著者gtあんてなハウスlt著者gt lt見出しgtXMLを書いてみるlt見出しgt lt段落gtXMLはこんなふうに書きますlt段落gtlt文書gt

XSL スタイルシートの例ltxslstylesheet xmlnsxsl=httpwwww3org1999XSLTransform xmlnsfo=httpwwww3org1999XSLFormat version=10gt ltxsltemplate match=文書gt ltforootgt

Page 6 of 71

ltfolayout-master-setgt ltfosimple-page-master master-name=Mgt ltforegion-body margin=2cmgt ltfosimple-page-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=Mgt ltfoflow flow-name=xsl-region-bodygt ltxslapply-templates gt ltfoflowgt ltfopage-sequencegt ltforootgt ltxsltemplategt ltxsltemplate match=表題gt ltfoblock text-align=center font-size=32ptgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=著者gt ltfoblock text-align=end font-size=20ptgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=見出しgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=段落gt ltfoblock text-align=justify text-indent=1emgt

Page 7 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltxslapply-templates gt ltfoblockgt ltxsltemplategtltxslstylesheetgt

13 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 FormatterXSL-FO と CSS 組版について

段落 display block text-align justify text-indent 1em

この CSS スタイルシートを XSL スタイルシートと比較すると

XSLT のテンプレート ltxsltemplate match=表題gtltxsltemplategt と CSS のルール 表題 が対応

(この 表題 の部分には XSLT では XPath 構文CSS ではセレクタ構文を使う) XSL-FO の foblock に対応するのはCSS では display block というプロパティ指

定(HTML の場合は p div h1~h6 などブロック要素がこれに対応)

体裁を指定するプロパティは共通または似ているXSL-FO では text-align=centerCSS では text-align center など

(XSL-FO のプロパティ仕様は CSS20 がベース)

Page 9 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

14 XSL-FO のページマスター機能

XSL-FO ではページの体裁(寸法マージンページヘッダフッタの配置など)を「ページマスター」(fosimple-page-master)で定義複数のページマスターを奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でページに割り当てる

XSL-FO のページマスター機能を使った例ltforoot xmlnsfo=httpwwww3org1999XSLFormat xmllang=ja font=10pt175 Meiryogt ltfolayout-master-setgt ltfosimple-page-master master-name=先頭ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=奇数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=奇数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=奇数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=偶数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=偶数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=偶数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfopage-sequence-master master-name=マスターAgt

Page 10 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltforepeatable-page-master-alternativesgt ltfoconditional-page-master-reference page-position=first master-reference=先頭ページ gt ltfoconditional-page-master-reference odd-or-even=odd master-reference=奇数ページ gt ltfoconditional-page-master-reference odd-or-even=even master-reference=偶数ページ gt ltforepeatable-page-master-alternativesgt ltfopage-sequence-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=マスターAgt ltfostatic-content flow-name=奇数ページヘッダgt ltfoblock text-align=end font-size=8ptgt ltforetrieve-marker retrieve-class-name=節 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページヘッダgt ltfoblock text-align=start font-size=8ptgt ltforetrieve-marker retrieve-class-name=章 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=奇数ページフッタgt ltfoblock text-align=end font-size=8ptgt ltfopage-number gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページフッタgt ltfoblock text-align=start font-size=8ptgt ltfopage-number gt

Page 11 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltfoblockgt ltfostatic-contentgt ltfoflow flow-name=xsl-region-bodygt ltfoblock text-align=center font-size=32ptgt簡単XML入門ltfoblockgt ltfoblock text-align=end font-size=20ptgtあんてなハウスltfoblockgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltfomarker marker-class-name=章gt第1章 XMLの書き方ltfomarkergt 第1章 XMLの書き方 ltfoblockgt ltfoblock text-align=justify text-indent=1emgtこの章ではXMLの書き方を学びますltfoblockgt ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt1 XMLを書いてみるltfomarkergt 1 XMLを書いてみる ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLはこんなふうに書きますltfoblockgt helliphellip ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt2 タグって何するのltfomarkergt 2 タグって何するの ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLのタグはなんとかかんとかltfoblockgt helliphellip ltfoflowgt ltfopage-sequencegtltforootgt

Page 12 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

AH Formatter での組版結果

Page 13 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

15 CSS3 でのページマスターに相当する機能

CSS でもCSS Paged Media Level 3(CSS3 ページ媒体向け仕様)の「ページルール」(page)を使うとXSL-FO のページマスター機能に相当することが可能ですただしいろいろと違いがあります

CSS3 のページルールを使った例ltDOCTYPE htmlgtlthtml xmlns=httpwwww3org1999xhtml lang=jagt ltheadgt lttitlegt簡単XML入門lttitlegt ltstyle type=textcssgtroot font 10pt175 Meiryopage size A5 ページサイズ margin 25mm ページマージン page first 先頭ページ top-left content none 柱やノンブルは無し top-right content none

Page 14 of 71

Chapter 1 AH FormatterXSL-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 章番号 addressauthor 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 節番号h2before content 第 counter(章番号) 章 

Page 15 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

h3 font-size 12pt margin-top 1em margin-bottom 1em string-set 節 content(before) content() counter-increment 節番号h3before content counter(節番号) ltstylegt ltheadgt ltbodygt lth1gt簡単XML入門lth1gt ltaddress class=authorgtあんてなハウスltaddressgt lth2gtXMLの書き方lth2gt ltpgtこの章ではXMLの書き方を学びますltpgt lth3gtXMLを書いてみるlth3gt ltpgtXMLはこんなふうに書きますltpgt helliphellip lth3gtタグって何するのlth3gt ltpgtXMLのタグはなんとかかんとかltpgt helliphellip ltbodygtlthtmlgt

CSS のページルールを XSL-FO のページマスター機能と比較すると

Page 16 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 3: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

27 フロートを次のページ(または段)に移動するかどうかを指定 2628 フロートのさらなる位置指定 3129 フロートとテキスト回り込みの調整 32

Chapter 3 日本語組版関連機能 3531 ルビ 3532 圏点 4233 縦書きと縦中横~自動縦中横 4734 約物の処理 4835 和欧文間の空き 49

Chapter 4 フォント関連機能 5041 font-variant 拡張 5042 IVS 異体字対応 5243 Web フォントWOFF サポート 52

Chapter 5 多言語組版 5451 中東言語(アラビア語やヘブライ語など右から左に書くもの) 5452 インド系諸言語 55

Page 3 of 71

53 東南アジアの言語 58Chapter 6 MathML 数式組版 60Chapter 7 多彩な表現 6171 ブロック領域の変形 6172 グラデーション 6373 テキストシャドウ V62 6474 ボックスシャドウ V62 65

Chapter 8 行グリッド V62 66Chapter 9 マルチメディア埋込み 69Chapter 10 PDF レイヤー V62 71

Page 4 of 71

目次

Chapter 1 AH FormatterXSL-FO と CSS組版について

11 AH Formatter とは

正式名称は Antenna House Formatter です最新バージョンは V62 1999 年XML 文書組版の W3C 標準仕様 XSL (Extensible Stylesheet Language)対応

の組版ソフト XSL Formatter として開発をスタートV5 以降では CSS 組版にも対応 AH Formatter は多言語の大量の XML データからの自動組版などで威力を発揮して

けっこう世界で使われています 多言語を必要とするグローバル企業でのマニュアル制作 精細なベクタ画像を必要とする工業部品カタログ制作 公的機関の文書組版システムにも採用例)米内国歳入庁(IRS)の組版システム 電子書籍と紙の書籍の同時制作システムの組版エンジンとして

例) CAS-UB(アンテナハウス) 米オライリー社の書籍制作システムなど

Page 5 of 71

12 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 文書の例lt文書gt lt表題gt簡単XML入門lt表題gt lt著者gtあんてなハウスlt著者gt lt見出しgtXMLを書いてみるlt見出しgt lt段落gtXMLはこんなふうに書きますlt段落gtlt文書gt

XSL スタイルシートの例ltxslstylesheet xmlnsxsl=httpwwww3org1999XSLTransform xmlnsfo=httpwwww3org1999XSLFormat version=10gt ltxsltemplate match=文書gt ltforootgt

Page 6 of 71

ltfolayout-master-setgt ltfosimple-page-master master-name=Mgt ltforegion-body margin=2cmgt ltfosimple-page-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=Mgt ltfoflow flow-name=xsl-region-bodygt ltxslapply-templates gt ltfoflowgt ltfopage-sequencegt ltforootgt ltxsltemplategt ltxsltemplate match=表題gt ltfoblock text-align=center font-size=32ptgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=著者gt ltfoblock text-align=end font-size=20ptgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=見出しgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=段落gt ltfoblock text-align=justify text-indent=1emgt

Page 7 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltxslapply-templates gt ltfoblockgt ltxsltemplategtltxslstylesheetgt

13 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 FormatterXSL-FO と CSS 組版について

段落 display block text-align justify text-indent 1em

この CSS スタイルシートを XSL スタイルシートと比較すると

XSLT のテンプレート ltxsltemplate match=表題gtltxsltemplategt と CSS のルール 表題 が対応

(この 表題 の部分には XSLT では XPath 構文CSS ではセレクタ構文を使う) XSL-FO の foblock に対応するのはCSS では display block というプロパティ指

定(HTML の場合は p div h1~h6 などブロック要素がこれに対応)

体裁を指定するプロパティは共通または似ているXSL-FO では text-align=centerCSS では text-align center など

(XSL-FO のプロパティ仕様は CSS20 がベース)

Page 9 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

14 XSL-FO のページマスター機能

XSL-FO ではページの体裁(寸法マージンページヘッダフッタの配置など)を「ページマスター」(fosimple-page-master)で定義複数のページマスターを奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でページに割り当てる

XSL-FO のページマスター機能を使った例ltforoot xmlnsfo=httpwwww3org1999XSLFormat xmllang=ja font=10pt175 Meiryogt ltfolayout-master-setgt ltfosimple-page-master master-name=先頭ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=奇数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=奇数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=奇数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=偶数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=偶数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=偶数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfopage-sequence-master master-name=マスターAgt

Page 10 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltforepeatable-page-master-alternativesgt ltfoconditional-page-master-reference page-position=first master-reference=先頭ページ gt ltfoconditional-page-master-reference odd-or-even=odd master-reference=奇数ページ gt ltfoconditional-page-master-reference odd-or-even=even master-reference=偶数ページ gt ltforepeatable-page-master-alternativesgt ltfopage-sequence-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=マスターAgt ltfostatic-content flow-name=奇数ページヘッダgt ltfoblock text-align=end font-size=8ptgt ltforetrieve-marker retrieve-class-name=節 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページヘッダgt ltfoblock text-align=start font-size=8ptgt ltforetrieve-marker retrieve-class-name=章 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=奇数ページフッタgt ltfoblock text-align=end font-size=8ptgt ltfopage-number gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページフッタgt ltfoblock text-align=start font-size=8ptgt ltfopage-number gt

Page 11 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltfoblockgt ltfostatic-contentgt ltfoflow flow-name=xsl-region-bodygt ltfoblock text-align=center font-size=32ptgt簡単XML入門ltfoblockgt ltfoblock text-align=end font-size=20ptgtあんてなハウスltfoblockgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltfomarker marker-class-name=章gt第1章 XMLの書き方ltfomarkergt 第1章 XMLの書き方 ltfoblockgt ltfoblock text-align=justify text-indent=1emgtこの章ではXMLの書き方を学びますltfoblockgt ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt1 XMLを書いてみるltfomarkergt 1 XMLを書いてみる ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLはこんなふうに書きますltfoblockgt helliphellip ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt2 タグって何するのltfomarkergt 2 タグって何するの ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLのタグはなんとかかんとかltfoblockgt helliphellip ltfoflowgt ltfopage-sequencegtltforootgt

Page 12 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

AH Formatter での組版結果

Page 13 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

15 CSS3 でのページマスターに相当する機能

CSS でもCSS Paged Media Level 3(CSS3 ページ媒体向け仕様)の「ページルール」(page)を使うとXSL-FO のページマスター機能に相当することが可能ですただしいろいろと違いがあります

CSS3 のページルールを使った例ltDOCTYPE htmlgtlthtml xmlns=httpwwww3org1999xhtml lang=jagt ltheadgt lttitlegt簡単XML入門lttitlegt ltstyle type=textcssgtroot font 10pt175 Meiryopage size A5 ページサイズ margin 25mm ページマージン page first 先頭ページ top-left content none 柱やノンブルは無し top-right content none

Page 14 of 71

Chapter 1 AH FormatterXSL-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 章番号 addressauthor 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 節番号h2before content 第 counter(章番号) 章 

Page 15 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

h3 font-size 12pt margin-top 1em margin-bottom 1em string-set 節 content(before) content() counter-increment 節番号h3before content counter(節番号) ltstylegt ltheadgt ltbodygt lth1gt簡単XML入門lth1gt ltaddress class=authorgtあんてなハウスltaddressgt lth2gtXMLの書き方lth2gt ltpgtこの章ではXMLの書き方を学びますltpgt lth3gtXMLを書いてみるlth3gt ltpgtXMLはこんなふうに書きますltpgt helliphellip lth3gtタグって何するのlth3gt ltpgtXMLのタグはなんとかかんとかltpgt helliphellip ltbodygtlthtmlgt

CSS のページルールを XSL-FO のページマスター機能と比較すると

Page 16 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 4: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

53 東南アジアの言語 58Chapter 6 MathML 数式組版 60Chapter 7 多彩な表現 6171 ブロック領域の変形 6172 グラデーション 6373 テキストシャドウ V62 6474 ボックスシャドウ V62 65

Chapter 8 行グリッド V62 66Chapter 9 マルチメディア埋込み 69Chapter 10 PDF レイヤー V62 71

Page 4 of 71

目次

Chapter 1 AH FormatterXSL-FO と CSS組版について

11 AH Formatter とは

正式名称は Antenna House Formatter です最新バージョンは V62 1999 年XML 文書組版の W3C 標準仕様 XSL (Extensible Stylesheet Language)対応

の組版ソフト XSL Formatter として開発をスタートV5 以降では CSS 組版にも対応 AH Formatter は多言語の大量の XML データからの自動組版などで威力を発揮して

けっこう世界で使われています 多言語を必要とするグローバル企業でのマニュアル制作 精細なベクタ画像を必要とする工業部品カタログ制作 公的機関の文書組版システムにも採用例)米内国歳入庁(IRS)の組版システム 電子書籍と紙の書籍の同時制作システムの組版エンジンとして

例) CAS-UB(アンテナハウス) 米オライリー社の書籍制作システムなど

Page 5 of 71

12 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 文書の例lt文書gt lt表題gt簡単XML入門lt表題gt lt著者gtあんてなハウスlt著者gt lt見出しgtXMLを書いてみるlt見出しgt lt段落gtXMLはこんなふうに書きますlt段落gtlt文書gt

XSL スタイルシートの例ltxslstylesheet xmlnsxsl=httpwwww3org1999XSLTransform xmlnsfo=httpwwww3org1999XSLFormat version=10gt ltxsltemplate match=文書gt ltforootgt

Page 6 of 71

ltfolayout-master-setgt ltfosimple-page-master master-name=Mgt ltforegion-body margin=2cmgt ltfosimple-page-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=Mgt ltfoflow flow-name=xsl-region-bodygt ltxslapply-templates gt ltfoflowgt ltfopage-sequencegt ltforootgt ltxsltemplategt ltxsltemplate match=表題gt ltfoblock text-align=center font-size=32ptgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=著者gt ltfoblock text-align=end font-size=20ptgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=見出しgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=段落gt ltfoblock text-align=justify text-indent=1emgt

Page 7 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltxslapply-templates gt ltfoblockgt ltxsltemplategtltxslstylesheetgt

13 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 FormatterXSL-FO と CSS 組版について

段落 display block text-align justify text-indent 1em

この CSS スタイルシートを XSL スタイルシートと比較すると

XSLT のテンプレート ltxsltemplate match=表題gtltxsltemplategt と CSS のルール 表題 が対応

(この 表題 の部分には XSLT では XPath 構文CSS ではセレクタ構文を使う) XSL-FO の foblock に対応するのはCSS では display block というプロパティ指

定(HTML の場合は p div h1~h6 などブロック要素がこれに対応)

体裁を指定するプロパティは共通または似ているXSL-FO では text-align=centerCSS では text-align center など

(XSL-FO のプロパティ仕様は CSS20 がベース)

Page 9 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

14 XSL-FO のページマスター機能

XSL-FO ではページの体裁(寸法マージンページヘッダフッタの配置など)を「ページマスター」(fosimple-page-master)で定義複数のページマスターを奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でページに割り当てる

XSL-FO のページマスター機能を使った例ltforoot xmlnsfo=httpwwww3org1999XSLFormat xmllang=ja font=10pt175 Meiryogt ltfolayout-master-setgt ltfosimple-page-master master-name=先頭ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=奇数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=奇数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=奇数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=偶数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=偶数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=偶数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfopage-sequence-master master-name=マスターAgt

Page 10 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltforepeatable-page-master-alternativesgt ltfoconditional-page-master-reference page-position=first master-reference=先頭ページ gt ltfoconditional-page-master-reference odd-or-even=odd master-reference=奇数ページ gt ltfoconditional-page-master-reference odd-or-even=even master-reference=偶数ページ gt ltforepeatable-page-master-alternativesgt ltfopage-sequence-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=マスターAgt ltfostatic-content flow-name=奇数ページヘッダgt ltfoblock text-align=end font-size=8ptgt ltforetrieve-marker retrieve-class-name=節 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページヘッダgt ltfoblock text-align=start font-size=8ptgt ltforetrieve-marker retrieve-class-name=章 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=奇数ページフッタgt ltfoblock text-align=end font-size=8ptgt ltfopage-number gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページフッタgt ltfoblock text-align=start font-size=8ptgt ltfopage-number gt

Page 11 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltfoblockgt ltfostatic-contentgt ltfoflow flow-name=xsl-region-bodygt ltfoblock text-align=center font-size=32ptgt簡単XML入門ltfoblockgt ltfoblock text-align=end font-size=20ptgtあんてなハウスltfoblockgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltfomarker marker-class-name=章gt第1章 XMLの書き方ltfomarkergt 第1章 XMLの書き方 ltfoblockgt ltfoblock text-align=justify text-indent=1emgtこの章ではXMLの書き方を学びますltfoblockgt ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt1 XMLを書いてみるltfomarkergt 1 XMLを書いてみる ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLはこんなふうに書きますltfoblockgt helliphellip ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt2 タグって何するのltfomarkergt 2 タグって何するの ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLのタグはなんとかかんとかltfoblockgt helliphellip ltfoflowgt ltfopage-sequencegtltforootgt

Page 12 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

AH Formatter での組版結果

Page 13 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

15 CSS3 でのページマスターに相当する機能

CSS でもCSS Paged Media Level 3(CSS3 ページ媒体向け仕様)の「ページルール」(page)を使うとXSL-FO のページマスター機能に相当することが可能ですただしいろいろと違いがあります

CSS3 のページルールを使った例ltDOCTYPE htmlgtlthtml xmlns=httpwwww3org1999xhtml lang=jagt ltheadgt lttitlegt簡単XML入門lttitlegt ltstyle type=textcssgtroot font 10pt175 Meiryopage size A5 ページサイズ margin 25mm ページマージン page first 先頭ページ top-left content none 柱やノンブルは無し top-right content none

Page 14 of 71

Chapter 1 AH FormatterXSL-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 章番号 addressauthor 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 節番号h2before content 第 counter(章番号) 章 

Page 15 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

h3 font-size 12pt margin-top 1em margin-bottom 1em string-set 節 content(before) content() counter-increment 節番号h3before content counter(節番号) ltstylegt ltheadgt ltbodygt lth1gt簡単XML入門lth1gt ltaddress class=authorgtあんてなハウスltaddressgt lth2gtXMLの書き方lth2gt ltpgtこの章ではXMLの書き方を学びますltpgt lth3gtXMLを書いてみるlth3gt ltpgtXMLはこんなふうに書きますltpgt helliphellip lth3gtタグって何するのlth3gt ltpgtXMLのタグはなんとかかんとかltpgt helliphellip ltbodygtlthtmlgt

CSS のページルールを XSL-FO のページマスター機能と比較すると

Page 16 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 5: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

Chapter 1 AH FormatterXSL-FO と CSS組版について

11 AH Formatter とは

正式名称は Antenna House Formatter です最新バージョンは V62 1999 年XML 文書組版の W3C 標準仕様 XSL (Extensible Stylesheet Language)対応

の組版ソフト XSL Formatter として開発をスタートV5 以降では CSS 組版にも対応 AH Formatter は多言語の大量の XML データからの自動組版などで威力を発揮して

けっこう世界で使われています 多言語を必要とするグローバル企業でのマニュアル制作 精細なベクタ画像を必要とする工業部品カタログ制作 公的機関の文書組版システムにも採用例)米内国歳入庁(IRS)の組版システム 電子書籍と紙の書籍の同時制作システムの組版エンジンとして

例) CAS-UB(アンテナハウス) 米オライリー社の書籍制作システムなど

Page 5 of 71

12 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 文書の例lt文書gt lt表題gt簡単XML入門lt表題gt lt著者gtあんてなハウスlt著者gt lt見出しgtXMLを書いてみるlt見出しgt lt段落gtXMLはこんなふうに書きますlt段落gtlt文書gt

XSL スタイルシートの例ltxslstylesheet xmlnsxsl=httpwwww3org1999XSLTransform xmlnsfo=httpwwww3org1999XSLFormat version=10gt ltxsltemplate match=文書gt ltforootgt

Page 6 of 71

ltfolayout-master-setgt ltfosimple-page-master master-name=Mgt ltforegion-body margin=2cmgt ltfosimple-page-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=Mgt ltfoflow flow-name=xsl-region-bodygt ltxslapply-templates gt ltfoflowgt ltfopage-sequencegt ltforootgt ltxsltemplategt ltxsltemplate match=表題gt ltfoblock text-align=center font-size=32ptgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=著者gt ltfoblock text-align=end font-size=20ptgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=見出しgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=段落gt ltfoblock text-align=justify text-indent=1emgt

Page 7 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltxslapply-templates gt ltfoblockgt ltxsltemplategtltxslstylesheetgt

13 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 FormatterXSL-FO と CSS 組版について

段落 display block text-align justify text-indent 1em

この CSS スタイルシートを XSL スタイルシートと比較すると

XSLT のテンプレート ltxsltemplate match=表題gtltxsltemplategt と CSS のルール 表題 が対応

(この 表題 の部分には XSLT では XPath 構文CSS ではセレクタ構文を使う) XSL-FO の foblock に対応するのはCSS では display block というプロパティ指

定(HTML の場合は p div h1~h6 などブロック要素がこれに対応)

体裁を指定するプロパティは共通または似ているXSL-FO では text-align=centerCSS では text-align center など

(XSL-FO のプロパティ仕様は CSS20 がベース)

Page 9 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

14 XSL-FO のページマスター機能

XSL-FO ではページの体裁(寸法マージンページヘッダフッタの配置など)を「ページマスター」(fosimple-page-master)で定義複数のページマスターを奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でページに割り当てる

XSL-FO のページマスター機能を使った例ltforoot xmlnsfo=httpwwww3org1999XSLFormat xmllang=ja font=10pt175 Meiryogt ltfolayout-master-setgt ltfosimple-page-master master-name=先頭ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=奇数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=奇数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=奇数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=偶数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=偶数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=偶数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfopage-sequence-master master-name=マスターAgt

Page 10 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltforepeatable-page-master-alternativesgt ltfoconditional-page-master-reference page-position=first master-reference=先頭ページ gt ltfoconditional-page-master-reference odd-or-even=odd master-reference=奇数ページ gt ltfoconditional-page-master-reference odd-or-even=even master-reference=偶数ページ gt ltforepeatable-page-master-alternativesgt ltfopage-sequence-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=マスターAgt ltfostatic-content flow-name=奇数ページヘッダgt ltfoblock text-align=end font-size=8ptgt ltforetrieve-marker retrieve-class-name=節 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページヘッダgt ltfoblock text-align=start font-size=8ptgt ltforetrieve-marker retrieve-class-name=章 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=奇数ページフッタgt ltfoblock text-align=end font-size=8ptgt ltfopage-number gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページフッタgt ltfoblock text-align=start font-size=8ptgt ltfopage-number gt

Page 11 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltfoblockgt ltfostatic-contentgt ltfoflow flow-name=xsl-region-bodygt ltfoblock text-align=center font-size=32ptgt簡単XML入門ltfoblockgt ltfoblock text-align=end font-size=20ptgtあんてなハウスltfoblockgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltfomarker marker-class-name=章gt第1章 XMLの書き方ltfomarkergt 第1章 XMLの書き方 ltfoblockgt ltfoblock text-align=justify text-indent=1emgtこの章ではXMLの書き方を学びますltfoblockgt ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt1 XMLを書いてみるltfomarkergt 1 XMLを書いてみる ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLはこんなふうに書きますltfoblockgt helliphellip ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt2 タグって何するのltfomarkergt 2 タグって何するの ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLのタグはなんとかかんとかltfoblockgt helliphellip ltfoflowgt ltfopage-sequencegtltforootgt

Page 12 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

AH Formatter での組版結果

Page 13 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

15 CSS3 でのページマスターに相当する機能

CSS でもCSS Paged Media Level 3(CSS3 ページ媒体向け仕様)の「ページルール」(page)を使うとXSL-FO のページマスター機能に相当することが可能ですただしいろいろと違いがあります

CSS3 のページルールを使った例ltDOCTYPE htmlgtlthtml xmlns=httpwwww3org1999xhtml lang=jagt ltheadgt lttitlegt簡単XML入門lttitlegt ltstyle type=textcssgtroot font 10pt175 Meiryopage size A5 ページサイズ margin 25mm ページマージン page first 先頭ページ top-left content none 柱やノンブルは無し top-right content none

Page 14 of 71

Chapter 1 AH FormatterXSL-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 章番号 addressauthor 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 節番号h2before content 第 counter(章番号) 章 

Page 15 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

h3 font-size 12pt margin-top 1em margin-bottom 1em string-set 節 content(before) content() counter-increment 節番号h3before content counter(節番号) ltstylegt ltheadgt ltbodygt lth1gt簡単XML入門lth1gt ltaddress class=authorgtあんてなハウスltaddressgt lth2gtXMLの書き方lth2gt ltpgtこの章ではXMLの書き方を学びますltpgt lth3gtXMLを書いてみるlth3gt ltpgtXMLはこんなふうに書きますltpgt helliphellip lth3gtタグって何するのlth3gt ltpgtXMLのタグはなんとかかんとかltpgt helliphellip ltbodygtlthtmlgt

CSS のページルールを XSL-FO のページマスター機能と比較すると

Page 16 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 6: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

12 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 文書の例lt文書gt lt表題gt簡単XML入門lt表題gt lt著者gtあんてなハウスlt著者gt lt見出しgtXMLを書いてみるlt見出しgt lt段落gtXMLはこんなふうに書きますlt段落gtlt文書gt

XSL スタイルシートの例ltxslstylesheet xmlnsxsl=httpwwww3org1999XSLTransform xmlnsfo=httpwwww3org1999XSLFormat version=10gt ltxsltemplate match=文書gt ltforootgt

Page 6 of 71

ltfolayout-master-setgt ltfosimple-page-master master-name=Mgt ltforegion-body margin=2cmgt ltfosimple-page-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=Mgt ltfoflow flow-name=xsl-region-bodygt ltxslapply-templates gt ltfoflowgt ltfopage-sequencegt ltforootgt ltxsltemplategt ltxsltemplate match=表題gt ltfoblock text-align=center font-size=32ptgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=著者gt ltfoblock text-align=end font-size=20ptgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=見出しgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=段落gt ltfoblock text-align=justify text-indent=1emgt

Page 7 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltxslapply-templates gt ltfoblockgt ltxsltemplategtltxslstylesheetgt

13 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 FormatterXSL-FO と CSS 組版について

段落 display block text-align justify text-indent 1em

この CSS スタイルシートを XSL スタイルシートと比較すると

XSLT のテンプレート ltxsltemplate match=表題gtltxsltemplategt と CSS のルール 表題 が対応

(この 表題 の部分には XSLT では XPath 構文CSS ではセレクタ構文を使う) XSL-FO の foblock に対応するのはCSS では display block というプロパティ指

定(HTML の場合は p div h1~h6 などブロック要素がこれに対応)

体裁を指定するプロパティは共通または似ているXSL-FO では text-align=centerCSS では text-align center など

(XSL-FO のプロパティ仕様は CSS20 がベース)

Page 9 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

14 XSL-FO のページマスター機能

XSL-FO ではページの体裁(寸法マージンページヘッダフッタの配置など)を「ページマスター」(fosimple-page-master)で定義複数のページマスターを奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でページに割り当てる

XSL-FO のページマスター機能を使った例ltforoot xmlnsfo=httpwwww3org1999XSLFormat xmllang=ja font=10pt175 Meiryogt ltfolayout-master-setgt ltfosimple-page-master master-name=先頭ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=奇数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=奇数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=奇数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=偶数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=偶数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=偶数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfopage-sequence-master master-name=マスターAgt

Page 10 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltforepeatable-page-master-alternativesgt ltfoconditional-page-master-reference page-position=first master-reference=先頭ページ gt ltfoconditional-page-master-reference odd-or-even=odd master-reference=奇数ページ gt ltfoconditional-page-master-reference odd-or-even=even master-reference=偶数ページ gt ltforepeatable-page-master-alternativesgt ltfopage-sequence-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=マスターAgt ltfostatic-content flow-name=奇数ページヘッダgt ltfoblock text-align=end font-size=8ptgt ltforetrieve-marker retrieve-class-name=節 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページヘッダgt ltfoblock text-align=start font-size=8ptgt ltforetrieve-marker retrieve-class-name=章 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=奇数ページフッタgt ltfoblock text-align=end font-size=8ptgt ltfopage-number gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページフッタgt ltfoblock text-align=start font-size=8ptgt ltfopage-number gt

Page 11 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltfoblockgt ltfostatic-contentgt ltfoflow flow-name=xsl-region-bodygt ltfoblock text-align=center font-size=32ptgt簡単XML入門ltfoblockgt ltfoblock text-align=end font-size=20ptgtあんてなハウスltfoblockgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltfomarker marker-class-name=章gt第1章 XMLの書き方ltfomarkergt 第1章 XMLの書き方 ltfoblockgt ltfoblock text-align=justify text-indent=1emgtこの章ではXMLの書き方を学びますltfoblockgt ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt1 XMLを書いてみるltfomarkergt 1 XMLを書いてみる ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLはこんなふうに書きますltfoblockgt helliphellip ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt2 タグって何するのltfomarkergt 2 タグって何するの ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLのタグはなんとかかんとかltfoblockgt helliphellip ltfoflowgt ltfopage-sequencegtltforootgt

Page 12 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

AH Formatter での組版結果

Page 13 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

15 CSS3 でのページマスターに相当する機能

CSS でもCSS Paged Media Level 3(CSS3 ページ媒体向け仕様)の「ページルール」(page)を使うとXSL-FO のページマスター機能に相当することが可能ですただしいろいろと違いがあります

CSS3 のページルールを使った例ltDOCTYPE htmlgtlthtml xmlns=httpwwww3org1999xhtml lang=jagt ltheadgt lttitlegt簡単XML入門lttitlegt ltstyle type=textcssgtroot font 10pt175 Meiryopage size A5 ページサイズ margin 25mm ページマージン page first 先頭ページ top-left content none 柱やノンブルは無し top-right content none

Page 14 of 71

Chapter 1 AH FormatterXSL-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 章番号 addressauthor 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 節番号h2before content 第 counter(章番号) 章 

Page 15 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

h3 font-size 12pt margin-top 1em margin-bottom 1em string-set 節 content(before) content() counter-increment 節番号h3before content counter(節番号) ltstylegt ltheadgt ltbodygt lth1gt簡単XML入門lth1gt ltaddress class=authorgtあんてなハウスltaddressgt lth2gtXMLの書き方lth2gt ltpgtこの章ではXMLの書き方を学びますltpgt lth3gtXMLを書いてみるlth3gt ltpgtXMLはこんなふうに書きますltpgt helliphellip lth3gtタグって何するのlth3gt ltpgtXMLのタグはなんとかかんとかltpgt helliphellip ltbodygtlthtmlgt

CSS のページルールを XSL-FO のページマスター機能と比較すると

Page 16 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 7: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

ltfolayout-master-setgt ltfosimple-page-master master-name=Mgt ltforegion-body margin=2cmgt ltfosimple-page-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=Mgt ltfoflow flow-name=xsl-region-bodygt ltxslapply-templates gt ltfoflowgt ltfopage-sequencegt ltforootgt ltxsltemplategt ltxsltemplate match=表題gt ltfoblock text-align=center font-size=32ptgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=著者gt ltfoblock text-align=end font-size=20ptgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=見出しgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltxslapply-templates gt ltfoblockgt ltxsltemplategt ltxsltemplate match=段落gt ltfoblock text-align=justify text-indent=1emgt

Page 7 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltxslapply-templates gt ltfoblockgt ltxsltemplategtltxslstylesheetgt

13 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 FormatterXSL-FO と CSS 組版について

段落 display block text-align justify text-indent 1em

この CSS スタイルシートを XSL スタイルシートと比較すると

XSLT のテンプレート ltxsltemplate match=表題gtltxsltemplategt と CSS のルール 表題 が対応

(この 表題 の部分には XSLT では XPath 構文CSS ではセレクタ構文を使う) XSL-FO の foblock に対応するのはCSS では display block というプロパティ指

定(HTML の場合は p div h1~h6 などブロック要素がこれに対応)

体裁を指定するプロパティは共通または似ているXSL-FO では text-align=centerCSS では text-align center など

(XSL-FO のプロパティ仕様は CSS20 がベース)

Page 9 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

14 XSL-FO のページマスター機能

XSL-FO ではページの体裁(寸法マージンページヘッダフッタの配置など)を「ページマスター」(fosimple-page-master)で定義複数のページマスターを奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でページに割り当てる

XSL-FO のページマスター機能を使った例ltforoot xmlnsfo=httpwwww3org1999XSLFormat xmllang=ja font=10pt175 Meiryogt ltfolayout-master-setgt ltfosimple-page-master master-name=先頭ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=奇数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=奇数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=奇数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=偶数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=偶数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=偶数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfopage-sequence-master master-name=マスターAgt

Page 10 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltforepeatable-page-master-alternativesgt ltfoconditional-page-master-reference page-position=first master-reference=先頭ページ gt ltfoconditional-page-master-reference odd-or-even=odd master-reference=奇数ページ gt ltfoconditional-page-master-reference odd-or-even=even master-reference=偶数ページ gt ltforepeatable-page-master-alternativesgt ltfopage-sequence-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=マスターAgt ltfostatic-content flow-name=奇数ページヘッダgt ltfoblock text-align=end font-size=8ptgt ltforetrieve-marker retrieve-class-name=節 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページヘッダgt ltfoblock text-align=start font-size=8ptgt ltforetrieve-marker retrieve-class-name=章 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=奇数ページフッタgt ltfoblock text-align=end font-size=8ptgt ltfopage-number gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページフッタgt ltfoblock text-align=start font-size=8ptgt ltfopage-number gt

Page 11 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltfoblockgt ltfostatic-contentgt ltfoflow flow-name=xsl-region-bodygt ltfoblock text-align=center font-size=32ptgt簡単XML入門ltfoblockgt ltfoblock text-align=end font-size=20ptgtあんてなハウスltfoblockgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltfomarker marker-class-name=章gt第1章 XMLの書き方ltfomarkergt 第1章 XMLの書き方 ltfoblockgt ltfoblock text-align=justify text-indent=1emgtこの章ではXMLの書き方を学びますltfoblockgt ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt1 XMLを書いてみるltfomarkergt 1 XMLを書いてみる ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLはこんなふうに書きますltfoblockgt helliphellip ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt2 タグって何するのltfomarkergt 2 タグって何するの ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLのタグはなんとかかんとかltfoblockgt helliphellip ltfoflowgt ltfopage-sequencegtltforootgt

Page 12 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

AH Formatter での組版結果

Page 13 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

15 CSS3 でのページマスターに相当する機能

CSS でもCSS Paged Media Level 3(CSS3 ページ媒体向け仕様)の「ページルール」(page)を使うとXSL-FO のページマスター機能に相当することが可能ですただしいろいろと違いがあります

CSS3 のページルールを使った例ltDOCTYPE htmlgtlthtml xmlns=httpwwww3org1999xhtml lang=jagt ltheadgt lttitlegt簡単XML入門lttitlegt ltstyle type=textcssgtroot font 10pt175 Meiryopage size A5 ページサイズ margin 25mm ページマージン page first 先頭ページ top-left content none 柱やノンブルは無し top-right content none

Page 14 of 71

Chapter 1 AH FormatterXSL-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 章番号 addressauthor 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 節番号h2before content 第 counter(章番号) 章 

Page 15 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

h3 font-size 12pt margin-top 1em margin-bottom 1em string-set 節 content(before) content() counter-increment 節番号h3before content counter(節番号) ltstylegt ltheadgt ltbodygt lth1gt簡単XML入門lth1gt ltaddress class=authorgtあんてなハウスltaddressgt lth2gtXMLの書き方lth2gt ltpgtこの章ではXMLの書き方を学びますltpgt lth3gtXMLを書いてみるlth3gt ltpgtXMLはこんなふうに書きますltpgt helliphellip lth3gtタグって何するのlth3gt ltpgtXMLのタグはなんとかかんとかltpgt helliphellip ltbodygtlthtmlgt

CSS のページルールを XSL-FO のページマスター機能と比較すると

Page 16 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 8: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

ltxslapply-templates gt ltfoblockgt ltxsltemplategtltxslstylesheetgt

13 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 FormatterXSL-FO と CSS 組版について

段落 display block text-align justify text-indent 1em

この CSS スタイルシートを XSL スタイルシートと比較すると

XSLT のテンプレート ltxsltemplate match=表題gtltxsltemplategt と CSS のルール 表題 が対応

(この 表題 の部分には XSLT では XPath 構文CSS ではセレクタ構文を使う) XSL-FO の foblock に対応するのはCSS では display block というプロパティ指

定(HTML の場合は p div h1~h6 などブロック要素がこれに対応)

体裁を指定するプロパティは共通または似ているXSL-FO では text-align=centerCSS では text-align center など

(XSL-FO のプロパティ仕様は CSS20 がベース)

Page 9 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

14 XSL-FO のページマスター機能

XSL-FO ではページの体裁(寸法マージンページヘッダフッタの配置など)を「ページマスター」(fosimple-page-master)で定義複数のページマスターを奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でページに割り当てる

XSL-FO のページマスター機能を使った例ltforoot xmlnsfo=httpwwww3org1999XSLFormat xmllang=ja font=10pt175 Meiryogt ltfolayout-master-setgt ltfosimple-page-master master-name=先頭ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=奇数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=奇数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=奇数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=偶数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=偶数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=偶数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfopage-sequence-master master-name=マスターAgt

Page 10 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltforepeatable-page-master-alternativesgt ltfoconditional-page-master-reference page-position=first master-reference=先頭ページ gt ltfoconditional-page-master-reference odd-or-even=odd master-reference=奇数ページ gt ltfoconditional-page-master-reference odd-or-even=even master-reference=偶数ページ gt ltforepeatable-page-master-alternativesgt ltfopage-sequence-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=マスターAgt ltfostatic-content flow-name=奇数ページヘッダgt ltfoblock text-align=end font-size=8ptgt ltforetrieve-marker retrieve-class-name=節 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページヘッダgt ltfoblock text-align=start font-size=8ptgt ltforetrieve-marker retrieve-class-name=章 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=奇数ページフッタgt ltfoblock text-align=end font-size=8ptgt ltfopage-number gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページフッタgt ltfoblock text-align=start font-size=8ptgt ltfopage-number gt

Page 11 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltfoblockgt ltfostatic-contentgt ltfoflow flow-name=xsl-region-bodygt ltfoblock text-align=center font-size=32ptgt簡単XML入門ltfoblockgt ltfoblock text-align=end font-size=20ptgtあんてなハウスltfoblockgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltfomarker marker-class-name=章gt第1章 XMLの書き方ltfomarkergt 第1章 XMLの書き方 ltfoblockgt ltfoblock text-align=justify text-indent=1emgtこの章ではXMLの書き方を学びますltfoblockgt ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt1 XMLを書いてみるltfomarkergt 1 XMLを書いてみる ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLはこんなふうに書きますltfoblockgt helliphellip ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt2 タグって何するのltfomarkergt 2 タグって何するの ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLのタグはなんとかかんとかltfoblockgt helliphellip ltfoflowgt ltfopage-sequencegtltforootgt

Page 12 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

AH Formatter での組版結果

Page 13 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

15 CSS3 でのページマスターに相当する機能

CSS でもCSS Paged Media Level 3(CSS3 ページ媒体向け仕様)の「ページルール」(page)を使うとXSL-FO のページマスター機能に相当することが可能ですただしいろいろと違いがあります

CSS3 のページルールを使った例ltDOCTYPE htmlgtlthtml xmlns=httpwwww3org1999xhtml lang=jagt ltheadgt lttitlegt簡単XML入門lttitlegt ltstyle type=textcssgtroot font 10pt175 Meiryopage size A5 ページサイズ margin 25mm ページマージン page first 先頭ページ top-left content none 柱やノンブルは無し top-right content none

Page 14 of 71

Chapter 1 AH FormatterXSL-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 章番号 addressauthor 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 節番号h2before content 第 counter(章番号) 章 

Page 15 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

h3 font-size 12pt margin-top 1em margin-bottom 1em string-set 節 content(before) content() counter-increment 節番号h3before content counter(節番号) ltstylegt ltheadgt ltbodygt lth1gt簡単XML入門lth1gt ltaddress class=authorgtあんてなハウスltaddressgt lth2gtXMLの書き方lth2gt ltpgtこの章ではXMLの書き方を学びますltpgt lth3gtXMLを書いてみるlth3gt ltpgtXMLはこんなふうに書きますltpgt helliphellip lth3gtタグって何するのlth3gt ltpgtXMLのタグはなんとかかんとかltpgt helliphellip ltbodygtlthtmlgt

CSS のページルールを XSL-FO のページマスター機能と比較すると

Page 16 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 9: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

段落 display block text-align justify text-indent 1em

この CSS スタイルシートを XSL スタイルシートと比較すると

XSLT のテンプレート ltxsltemplate match=表題gtltxsltemplategt と CSS のルール 表題 が対応

(この 表題 の部分には XSLT では XPath 構文CSS ではセレクタ構文を使う) XSL-FO の foblock に対応するのはCSS では display block というプロパティ指

定(HTML の場合は p div h1~h6 などブロック要素がこれに対応)

体裁を指定するプロパティは共通または似ているXSL-FO では text-align=centerCSS では text-align center など

(XSL-FO のプロパティ仕様は CSS20 がベース)

Page 9 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

14 XSL-FO のページマスター機能

XSL-FO ではページの体裁(寸法マージンページヘッダフッタの配置など)を「ページマスター」(fosimple-page-master)で定義複数のページマスターを奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でページに割り当てる

XSL-FO のページマスター機能を使った例ltforoot xmlnsfo=httpwwww3org1999XSLFormat xmllang=ja font=10pt175 Meiryogt ltfolayout-master-setgt ltfosimple-page-master master-name=先頭ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=奇数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=奇数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=奇数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=偶数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=偶数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=偶数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfopage-sequence-master master-name=マスターAgt

Page 10 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltforepeatable-page-master-alternativesgt ltfoconditional-page-master-reference page-position=first master-reference=先頭ページ gt ltfoconditional-page-master-reference odd-or-even=odd master-reference=奇数ページ gt ltfoconditional-page-master-reference odd-or-even=even master-reference=偶数ページ gt ltforepeatable-page-master-alternativesgt ltfopage-sequence-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=マスターAgt ltfostatic-content flow-name=奇数ページヘッダgt ltfoblock text-align=end font-size=8ptgt ltforetrieve-marker retrieve-class-name=節 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページヘッダgt ltfoblock text-align=start font-size=8ptgt ltforetrieve-marker retrieve-class-name=章 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=奇数ページフッタgt ltfoblock text-align=end font-size=8ptgt ltfopage-number gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページフッタgt ltfoblock text-align=start font-size=8ptgt ltfopage-number gt

Page 11 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltfoblockgt ltfostatic-contentgt ltfoflow flow-name=xsl-region-bodygt ltfoblock text-align=center font-size=32ptgt簡単XML入門ltfoblockgt ltfoblock text-align=end font-size=20ptgtあんてなハウスltfoblockgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltfomarker marker-class-name=章gt第1章 XMLの書き方ltfomarkergt 第1章 XMLの書き方 ltfoblockgt ltfoblock text-align=justify text-indent=1emgtこの章ではXMLの書き方を学びますltfoblockgt ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt1 XMLを書いてみるltfomarkergt 1 XMLを書いてみる ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLはこんなふうに書きますltfoblockgt helliphellip ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt2 タグって何するのltfomarkergt 2 タグって何するの ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLのタグはなんとかかんとかltfoblockgt helliphellip ltfoflowgt ltfopage-sequencegtltforootgt

Page 12 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

AH Formatter での組版結果

Page 13 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

15 CSS3 でのページマスターに相当する機能

CSS でもCSS Paged Media Level 3(CSS3 ページ媒体向け仕様)の「ページルール」(page)を使うとXSL-FO のページマスター機能に相当することが可能ですただしいろいろと違いがあります

CSS3 のページルールを使った例ltDOCTYPE htmlgtlthtml xmlns=httpwwww3org1999xhtml lang=jagt ltheadgt lttitlegt簡単XML入門lttitlegt ltstyle type=textcssgtroot font 10pt175 Meiryopage size A5 ページサイズ margin 25mm ページマージン page first 先頭ページ top-left content none 柱やノンブルは無し top-right content none

Page 14 of 71

Chapter 1 AH FormatterXSL-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 章番号 addressauthor 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 節番号h2before content 第 counter(章番号) 章 

Page 15 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

h3 font-size 12pt margin-top 1em margin-bottom 1em string-set 節 content(before) content() counter-increment 節番号h3before content counter(節番号) ltstylegt ltheadgt ltbodygt lth1gt簡単XML入門lth1gt ltaddress class=authorgtあんてなハウスltaddressgt lth2gtXMLの書き方lth2gt ltpgtこの章ではXMLの書き方を学びますltpgt lth3gtXMLを書いてみるlth3gt ltpgtXMLはこんなふうに書きますltpgt helliphellip lth3gtタグって何するのlth3gt ltpgtXMLのタグはなんとかかんとかltpgt helliphellip ltbodygtlthtmlgt

CSS のページルールを XSL-FO のページマスター機能と比較すると

Page 16 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 10: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

14 XSL-FO のページマスター機能

XSL-FO ではページの体裁(寸法マージンページヘッダフッタの配置など)を「ページマスター」(fosimple-page-master)で定義複数のページマスターを奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でページに割り当てる

XSL-FO のページマスター機能を使った例ltforoot xmlnsfo=httpwwww3org1999XSLFormat xmllang=ja font=10pt175 Meiryogt ltfolayout-master-setgt ltfosimple-page-master master-name=先頭ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=奇数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=奇数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=奇数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfosimple-page-master master-name=偶数ページ page-width=148mm page-height=210mmgt ltforegion-body margin=25mm gt ltforegion-before region-name=偶数ページヘッダ extent=22mm padding=0 25mm display-align=after gt ltforegion-after region-name=偶数ページフッタ extent=22mm padding=0 25mm gt ltfosimple-page-mastergt ltfopage-sequence-master master-name=マスターAgt

Page 10 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltforepeatable-page-master-alternativesgt ltfoconditional-page-master-reference page-position=first master-reference=先頭ページ gt ltfoconditional-page-master-reference odd-or-even=odd master-reference=奇数ページ gt ltfoconditional-page-master-reference odd-or-even=even master-reference=偶数ページ gt ltforepeatable-page-master-alternativesgt ltfopage-sequence-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=マスターAgt ltfostatic-content flow-name=奇数ページヘッダgt ltfoblock text-align=end font-size=8ptgt ltforetrieve-marker retrieve-class-name=節 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページヘッダgt ltfoblock text-align=start font-size=8ptgt ltforetrieve-marker retrieve-class-name=章 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=奇数ページフッタgt ltfoblock text-align=end font-size=8ptgt ltfopage-number gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページフッタgt ltfoblock text-align=start font-size=8ptgt ltfopage-number gt

Page 11 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltfoblockgt ltfostatic-contentgt ltfoflow flow-name=xsl-region-bodygt ltfoblock text-align=center font-size=32ptgt簡単XML入門ltfoblockgt ltfoblock text-align=end font-size=20ptgtあんてなハウスltfoblockgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltfomarker marker-class-name=章gt第1章 XMLの書き方ltfomarkergt 第1章 XMLの書き方 ltfoblockgt ltfoblock text-align=justify text-indent=1emgtこの章ではXMLの書き方を学びますltfoblockgt ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt1 XMLを書いてみるltfomarkergt 1 XMLを書いてみる ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLはこんなふうに書きますltfoblockgt helliphellip ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt2 タグって何するのltfomarkergt 2 タグって何するの ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLのタグはなんとかかんとかltfoblockgt helliphellip ltfoflowgt ltfopage-sequencegtltforootgt

Page 12 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

AH Formatter での組版結果

Page 13 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

15 CSS3 でのページマスターに相当する機能

CSS でもCSS Paged Media Level 3(CSS3 ページ媒体向け仕様)の「ページルール」(page)を使うとXSL-FO のページマスター機能に相当することが可能ですただしいろいろと違いがあります

CSS3 のページルールを使った例ltDOCTYPE htmlgtlthtml xmlns=httpwwww3org1999xhtml lang=jagt ltheadgt lttitlegt簡単XML入門lttitlegt ltstyle type=textcssgtroot font 10pt175 Meiryopage size A5 ページサイズ margin 25mm ページマージン page first 先頭ページ top-left content none 柱やノンブルは無し top-right content none

Page 14 of 71

Chapter 1 AH FormatterXSL-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 章番号 addressauthor 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 節番号h2before content 第 counter(章番号) 章 

Page 15 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

h3 font-size 12pt margin-top 1em margin-bottom 1em string-set 節 content(before) content() counter-increment 節番号h3before content counter(節番号) ltstylegt ltheadgt ltbodygt lth1gt簡単XML入門lth1gt ltaddress class=authorgtあんてなハウスltaddressgt lth2gtXMLの書き方lth2gt ltpgtこの章ではXMLの書き方を学びますltpgt lth3gtXMLを書いてみるlth3gt ltpgtXMLはこんなふうに書きますltpgt helliphellip lth3gtタグって何するのlth3gt ltpgtXMLのタグはなんとかかんとかltpgt helliphellip ltbodygtlthtmlgt

CSS のページルールを XSL-FO のページマスター機能と比較すると

Page 16 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 11: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

ltforepeatable-page-master-alternativesgt ltfoconditional-page-master-reference page-position=first master-reference=先頭ページ gt ltfoconditional-page-master-reference odd-or-even=odd master-reference=奇数ページ gt ltfoconditional-page-master-reference odd-or-even=even master-reference=偶数ページ gt ltforepeatable-page-master-alternativesgt ltfopage-sequence-mastergt ltfolayout-master-setgt ltfopage-sequence master-reference=マスターAgt ltfostatic-content flow-name=奇数ページヘッダgt ltfoblock text-align=end font-size=8ptgt ltforetrieve-marker retrieve-class-name=節 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページヘッダgt ltfoblock text-align=start font-size=8ptgt ltforetrieve-marker retrieve-class-name=章 gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=奇数ページフッタgt ltfoblock text-align=end font-size=8ptgt ltfopage-number gt ltfoblockgt ltfostatic-contentgt ltfostatic-content flow-name=偶数ページフッタgt ltfoblock text-align=start font-size=8ptgt ltfopage-number gt

Page 11 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

ltfoblockgt ltfostatic-contentgt ltfoflow flow-name=xsl-region-bodygt ltfoblock text-align=center font-size=32ptgt簡単XML入門ltfoblockgt ltfoblock text-align=end font-size=20ptgtあんてなハウスltfoblockgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltfomarker marker-class-name=章gt第1章 XMLの書き方ltfomarkergt 第1章 XMLの書き方 ltfoblockgt ltfoblock text-align=justify text-indent=1emgtこの章ではXMLの書き方を学びますltfoblockgt ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt1 XMLを書いてみるltfomarkergt 1 XMLを書いてみる ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLはこんなふうに書きますltfoblockgt helliphellip ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt2 タグって何するのltfomarkergt 2 タグって何するの ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLのタグはなんとかかんとかltfoblockgt helliphellip ltfoflowgt ltfopage-sequencegtltforootgt

Page 12 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

AH Formatter での組版結果

Page 13 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

15 CSS3 でのページマスターに相当する機能

CSS でもCSS Paged Media Level 3(CSS3 ページ媒体向け仕様)の「ページルール」(page)を使うとXSL-FO のページマスター機能に相当することが可能ですただしいろいろと違いがあります

CSS3 のページルールを使った例ltDOCTYPE htmlgtlthtml xmlns=httpwwww3org1999xhtml lang=jagt ltheadgt lttitlegt簡単XML入門lttitlegt ltstyle type=textcssgtroot font 10pt175 Meiryopage size A5 ページサイズ margin 25mm ページマージン page first 先頭ページ top-left content none 柱やノンブルは無し top-right content none

Page 14 of 71

Chapter 1 AH FormatterXSL-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 章番号 addressauthor 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 節番号h2before content 第 counter(章番号) 章 

Page 15 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

h3 font-size 12pt margin-top 1em margin-bottom 1em string-set 節 content(before) content() counter-increment 節番号h3before content counter(節番号) ltstylegt ltheadgt ltbodygt lth1gt簡単XML入門lth1gt ltaddress class=authorgtあんてなハウスltaddressgt lth2gtXMLの書き方lth2gt ltpgtこの章ではXMLの書き方を学びますltpgt lth3gtXMLを書いてみるlth3gt ltpgtXMLはこんなふうに書きますltpgt helliphellip lth3gtタグって何するのlth3gt ltpgtXMLのタグはなんとかかんとかltpgt helliphellip ltbodygtlthtmlgt

CSS のページルールを XSL-FO のページマスター機能と比較すると

Page 16 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 12: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

ltfoblockgt ltfostatic-contentgt ltfoflow flow-name=xsl-region-bodygt ltfoblock text-align=center font-size=32ptgt簡単XML入門ltfoblockgt ltfoblock text-align=end font-size=20ptgtあんてなハウスltfoblockgt ltfoblock font-size=16pt space-before=1em space-after=1emgt ltfomarker marker-class-name=章gt第1章 XMLの書き方ltfomarkergt 第1章 XMLの書き方 ltfoblockgt ltfoblock text-align=justify text-indent=1emgtこの章ではXMLの書き方を学びますltfoblockgt ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt1 XMLを書いてみるltfomarkergt 1 XMLを書いてみる ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLはこんなふうに書きますltfoblockgt helliphellip ltfoblock font-size=12pt space-before=1em space-after=1emgt ltfomarker marker-class-name=節gt2 タグって何するのltfomarkergt 2 タグって何するの ltfoblockgt ltfoblock text-align=justify text-indent=1emgtXMLのタグはなんとかかんとかltfoblockgt helliphellip ltfoflowgt ltfopage-sequencegtltforootgt

Page 12 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

AH Formatter での組版結果

Page 13 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

15 CSS3 でのページマスターに相当する機能

CSS でもCSS Paged Media Level 3(CSS3 ページ媒体向け仕様)の「ページルール」(page)を使うとXSL-FO のページマスター機能に相当することが可能ですただしいろいろと違いがあります

CSS3 のページルールを使った例ltDOCTYPE htmlgtlthtml xmlns=httpwwww3org1999xhtml lang=jagt ltheadgt lttitlegt簡単XML入門lttitlegt ltstyle type=textcssgtroot font 10pt175 Meiryopage size A5 ページサイズ margin 25mm ページマージン page first 先頭ページ top-left content none 柱やノンブルは無し top-right content none

Page 14 of 71

Chapter 1 AH FormatterXSL-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 章番号 addressauthor 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 節番号h2before content 第 counter(章番号) 章 

Page 15 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

h3 font-size 12pt margin-top 1em margin-bottom 1em string-set 節 content(before) content() counter-increment 節番号h3before content counter(節番号) ltstylegt ltheadgt ltbodygt lth1gt簡単XML入門lth1gt ltaddress class=authorgtあんてなハウスltaddressgt lth2gtXMLの書き方lth2gt ltpgtこの章ではXMLの書き方を学びますltpgt lth3gtXMLを書いてみるlth3gt ltpgtXMLはこんなふうに書きますltpgt helliphellip lth3gtタグって何するのlth3gt ltpgtXMLのタグはなんとかかんとかltpgt helliphellip ltbodygtlthtmlgt

CSS のページルールを XSL-FO のページマスター機能と比較すると

Page 16 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 13: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

AH Formatter での組版結果

Page 13 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

15 CSS3 でのページマスターに相当する機能

CSS でもCSS Paged Media Level 3(CSS3 ページ媒体向け仕様)の「ページルール」(page)を使うとXSL-FO のページマスター機能に相当することが可能ですただしいろいろと違いがあります

CSS3 のページルールを使った例ltDOCTYPE htmlgtlthtml xmlns=httpwwww3org1999xhtml lang=jagt ltheadgt lttitlegt簡単XML入門lttitlegt ltstyle type=textcssgtroot font 10pt175 Meiryopage size A5 ページサイズ margin 25mm ページマージン page first 先頭ページ top-left content none 柱やノンブルは無し top-right content none

Page 14 of 71

Chapter 1 AH FormatterXSL-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 章番号 addressauthor 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 節番号h2before content 第 counter(章番号) 章 

Page 15 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

h3 font-size 12pt margin-top 1em margin-bottom 1em string-set 節 content(before) content() counter-increment 節番号h3before content counter(節番号) ltstylegt ltheadgt ltbodygt lth1gt簡単XML入門lth1gt ltaddress class=authorgtあんてなハウスltaddressgt lth2gtXMLの書き方lth2gt ltpgtこの章ではXMLの書き方を学びますltpgt lth3gtXMLを書いてみるlth3gt ltpgtXMLはこんなふうに書きますltpgt helliphellip lth3gtタグって何するのlth3gt ltpgtXMLのタグはなんとかかんとかltpgt helliphellip ltbodygtlthtmlgt

CSS のページルールを XSL-FO のページマスター機能と比較すると

Page 16 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 14: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

15 CSS3 でのページマスターに相当する機能

CSS でもCSS Paged Media Level 3(CSS3 ページ媒体向け仕様)の「ページルール」(page)を使うとXSL-FO のページマスター機能に相当することが可能ですただしいろいろと違いがあります

CSS3 のページルールを使った例ltDOCTYPE htmlgtlthtml xmlns=httpwwww3org1999xhtml lang=jagt ltheadgt lttitlegt簡単XML入門lttitlegt ltstyle type=textcssgtroot font 10pt175 Meiryopage size A5 ページサイズ margin 25mm ページマージン page first 先頭ページ top-left content none 柱やノンブルは無し top-right content none

Page 14 of 71

Chapter 1 AH FormatterXSL-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 章番号 addressauthor 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 節番号h2before content 第 counter(章番号) 章 

Page 15 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

h3 font-size 12pt margin-top 1em margin-bottom 1em string-set 節 content(before) content() counter-increment 節番号h3before content counter(節番号) ltstylegt ltheadgt ltbodygt lth1gt簡単XML入門lth1gt ltaddress class=authorgtあんてなハウスltaddressgt lth2gtXMLの書き方lth2gt ltpgtこの章ではXMLの書き方を学びますltpgt lth3gtXMLを書いてみるlth3gt ltpgtXMLはこんなふうに書きますltpgt helliphellip lth3gtタグって何するのlth3gt ltpgtXMLのタグはなんとかかんとかltpgt helliphellip ltbodygtlthtmlgt

CSS のページルールを XSL-FO のページマスター機能と比較すると

Page 16 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 15: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

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 章番号 addressauthor 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 節番号h2before content 第 counter(章番号) 章 

Page 15 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

h3 font-size 12pt margin-top 1em margin-bottom 1em string-set 節 content(before) content() counter-increment 節番号h3before content counter(節番号) ltstylegt ltheadgt ltbodygt lth1gt簡単XML入門lth1gt ltaddress class=authorgtあんてなハウスltaddressgt lth2gtXMLの書き方lth2gt ltpgtこの章ではXMLの書き方を学びますltpgt lth3gtXMLを書いてみるlth3gt ltpgtXMLはこんなふうに書きますltpgt helliphellip lth3gtタグって何するのlth3gt ltpgtXMLのタグはなんとかかんとかltpgt helliphellip ltbodygtlthtmlgt

CSS のページルールを XSL-FO のページマスター機能と比較すると

Page 16 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 16: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

h3 font-size 12pt margin-top 1em margin-bottom 1em string-set 節 content(before) content() counter-increment 節番号h3before content counter(節番号) ltstylegt ltheadgt ltbodygt lth1gt簡単XML入門lth1gt ltaddress class=authorgtあんてなハウスltaddressgt lth2gtXMLの書き方lth2gt ltpgtこの章ではXMLの書き方を学びますltpgt lth3gtXMLを書いてみるlth3gt ltpgtXMLはこんなふうに書きますltpgt helliphellip lth3gtタグって何するのlth3gt ltpgtXMLのタグはなんとかかんとかltpgt helliphellip ltbodygtlthtmlgt

CSS のページルールを XSL-FO のページマスター機能と比較すると

Page 16 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 17: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

XSL-FO CSS

ltfosimple-page-mastergt にページサイズなど指定

page にページサイズなど指定

ページマージンは ltfosimple-page-mastergt 内の ltforegion-bodygt に指定

page にページマージンを指定

柱やノンブルの領域は ltfosimple-page-mastergt 内の ltforegion-beforegtltforegion-aftergt など(サイドリージョンという)で定義する

柱やノンブルの領域は page 内のtop-left top-center top-rightbottom-left などで定義するページヘッダフッタの左側中央右側がそれぞれ別の領域(マージンボックスという)であるところが XSL-FO と違う

ページヘッダフッタの内容(柱やノンブル)は ltfostatic-contentgt 内に記述

ページヘッダフッタの内容(柱やノンブル)はマージンボックスの content プロパティの値として指定する

Page 17 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 18: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

XSL-FO CSS

柱の内容は ltfomarkergt で設定してltforetrieve-markergt で取り出す

柱の内容は string-set プロパティで設定してcontent string(X) で取り出す

(または position running(X) でセットして content element(X) で取り出す)

ページ番号は ltfopage-numbergt で取り出す

ページ番号は content counter(pages)で取り出す

ltfoconditional-page-master-referencegtで奇数ページ偶数ページ先頭ページ最終ページ空白ページといった条件でのページマスターの割り当てをする

page に付加するページセレクタで右ページ(right)左ページ(left)先頭ページ(first)空白ページ(blank)のページルールを定義する

ltfopage-sequence-mastergt を複数定義して文書内のパートごとに割り当てることができる

名前付きページ(例page Appendix)を定義して文書内のパートごとに割り当てることができる

Page 18 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 19: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

(1) -ah-プレフィックスの他にEPUB3 仕様で定義されている-epub-プレフィックス付きの CSS3 プロパティも有効です(例 -epub-writing-mode)

16 AH 拡張プロパティ

独自拡張および CSS3 ドラフト仕様のプロパティを採用 CSS ではAH 拡張を表すプレフィックス -ah- を付ける(1)

例-ah-hanging-punctuation allow-end 句読点ぶら下げ有り

XSL-FO ではAH XSL-FO 拡張名前空間のプレフィックスを付ける

例axfhanging-punctuation=allow-end xmlnsaxf=httpwwwantennahousecomnamesXSLExtension

AH 拡張プロパティの多くは CSS と XSL-FO で共通のものが使える(上の例など) XSL-FO の標準のプロパティを CSS で AH 拡張プロパティとして利用できるものもある

例-ah-display-align center ブロック進行方向にセンタリング

Page 19 of 71

Chapter 1 AH FormatterXSL-FO と CSS 組版について

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 20: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

これは float leftの例

これは float right の例

Chapter 2 フロート拡張

21 CSS21 と XSL-FO 標準のフロート機能

AH フロート拡張の説明の前にまずCSS21 と XSL-FO 標準のフロート機能についておさらい

CSS21 の floatfloat none | left | right

XSL-FO の floatfloat none | before | start | end | left | right | inside | outside

before はページの before 側(横書きなら上)にフロート配置start end は左横書きなら left right に対応inside はノド側outside は小口側

Page 20 of 71

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 21: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

22 AH 拡張floatプロパティ

-ah-float ltfloat-xgt||ltfloat-ygt||ltfloat-referencegt||ltfloat-movegt ltfloat-xgt none | start | end | left | right | top | bottom | center | inside |

outside ltfloat-ygt none | before | after | left | right | top | bottom | center | inside |

outside ltfloat-referencegt normal | page | column | multicol ltfloat-movegt auto | next | auto-next | auto-move | keep

AH 拡張 floatプロパティは XSL-FO と CSS で共通(ここでは CSS の構文で説明)XSL-FOで利用する場合は ltfofloat axffloat=top outsidegt のように拡張 floatを指定する

これらのキーワードのうち top bottom inside outside page multicol next は CSS3Generated Content for Paged Media ドラフト仕様をベースにしている

AH 拡張 floatにおいてx 方向と y 方向という場合はx=文字の進む方向y=行の進む方向つまり横書きなら x=水平方向y=垂直方向だが縦書きなら x=垂直方向y=水平方向

Page 21 of 71

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 22: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

これは -ah-float page top (ページの上に配置)の例

これは -ah-floatpage right bottom

(ページの右下に配置)の例

23 ページのフロート

ページの上に配置 -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

物理方向 leftrighttopbottom の代わりに論理方向 start(行頭側)end(行末側)before(前側)after(後側)も使用可

Page 22 of 71

Chapter 2 フロート拡張

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 23: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

段の上に配置 -ah-float column top

段の下に配置-ah-float column bottom

段の右上に配置-ah-float column

right top

段の左下に配置-ah-float column

left bottom

24 段のフロート

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

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

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

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

Page 23 of 71

Chapter 2 フロート拡張

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 24: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

左上に 2 段抜きで配置-ah-float multicol left top

width 3gr

右下に 3 段抜きで配置-ah-float multicol right bottom width 5gr

25 段組のフロート

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

みしゑひもせすんいろはにほへとちり

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

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

単位 gr(グリッド)について

段幅と段間をともに 1gr と数える例width 1gr は段幅と同じ2gr は段幅+段間3gr は 段幅(1 段目)+段間+段幅(2 段目)n 段抜きは (2n-1)gr

小数点以下の端数は段幅または段間の途中までを表す例width 15gr は段幅1 +段間05width 25gr は段幅(1 段目)+段間+段幅(2 段目)05

Page 24 of 71

Chapter 2 フロート拡張

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 25: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

26 絶対配置フロートと相対配置フロート

絶対配置フロートページ段段組のフロートはフロート指定を埋め込む行位置(アンカーの位置)によらずに絶対的な位置を基準に配置されるので「絶対配置フロート」と呼ぶことにする

相対配置フロートフロート指定を埋め込む行位置(アンカーの位置)を基準に配置されるフロートは「相対配置フロート」と呼ぶことにする

「日本語組版処理の要件」(JLReq)で説明されている JIS X 4051(日本語組版規則)における図の配置の「絶対位置指定による配置」「相対位置指定による配置」に対応する

y 方向のフロート指定(beforeafter横書きでの topbottom縦書きでの rightleft)があるのが絶対配置フロートで無いのが相対配置フロート

絶対配置フロート(page top left など)は絶対的な位置指定と似ているが同じ位置への指定のフロートがページ内に複数あった場合は重なったりはしないで並んで(横書きなら上から下右縦書きなら右から左に)配置されるので必ずしも絶対的な位置ではない

Page 25 of 71

Chapter 2 フロート拡張

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 26: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

27 フロートを次のページ(または段)に移動するかどうかを指定

ltfloat-movegt 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

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 27: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

keepフロートとそのアンカーは常に同じページ(または段)になるように配置現在のページ

(または段)にそのための充分なスペースが無い場合はフロートのアンカーよりも前のところで改ページ(または改段)が起きて空白が生じることになる

auto-next と auto-move の使い方ページに図の配置をするとき本文中での図への参照となるべく同じページに配置したい

それが出来ないとき通常は図を次のページに送る(auto-next の動作)しかし場合によっては図が前のページにあっても図への参照がその次のページの最初のほ

うにあるなら許容できる通常は図を次のページに送るが図のほうが先に現れることも許容したいときは auto-move を指定

横組の図版配置の一般的な例――図版を説明のある段落の直後に配置figure -ah-float center auto-move

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 27 of 71

Chapter 2 フロート拡張

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 28: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

図版を説明のある段落の直後に配置する場合(JLReq の図を引用)

Page 28 of 71

Chapter 2 フロート拡張

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 29: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

拡張 floatの値 center はx 方向の中央に寄せて配置両側へのテキスト回り込みは無し図をそのまま配置すると版面の領域からはみ出すとき領域内の部分を aはみ出した部分

を b としa≧2b の場合(はみ出しが小さい)図の前のテキストを次のページに送ることで図をページ内に収めるalt2b の場合図を次のページの先頭に移動し空いたところには図の後に続くテキストで埋める(相対配置フロートの auto-move 指定での動作)

はみ出した図を常に次のページに移動するようにするなら auto-next を指定すること

縦組の図版配置の一般的な例――ldquo天小口寄りrdquoに図版を配置root -ah-writing-mode vertical-rl 本文は縦組 figure -ah-float page top outside auto-move ページの天小口寄りに図版を配置 -ah-writing-mode horizontal-tb 図とキャプションのブロックは横組

ltpgthelliphellipここは図を説明してる段落です(図1)ltpgtltfiguregt ltimg src=図1svg gt ltfigcaptiongt図1 キャプションltfigcaptiongtltfiguregtltpgtそのあとの段落ですhelliphellipltpgt

Page 29 of 71

Chapter 2 フロート拡張

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 30: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

縦組のldquo天小口寄りrdquoに図版を配置する場合(JLReq の図を引用)

(a≧2b)

(alt2b)

Page 30 of 71

Chapter 2 フロート拡張

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 31: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

段組の左上が基準で 2 段目から 3 段目までの幅を持つフロート

28 フロートのさらなる位置指定

-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段目まで)

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

ぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみ

しゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐの

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

Page 31 of 71

Chapter 2 フロート拡張

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 32: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

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

フロートの回り込みテキスト幅の最小値を指定-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 33: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

回り込みテキスト幅が足りないならフロートを中央寄せ-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 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 34: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

フロートと回り込むテキストとのアキの指定-ah-float-margin-x

例-ah-float outside 小口寄り(左ページなら左寄せ) -ah-float-margin-x 05em

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

ならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

そつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

いろはにほへとちりぬるをわか

よたれそつねならむうゐのおくやまけふこえてあさ

きゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむ

このほかのフロート拡張 -ah-float-min-wrap-y -ah-float-centering-y -ah-float-margin-y などもあります詳しくはマニュアルをご覧くさい

Page 34 of 71

Chapter 2 フロート拡張

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 35: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

Chapter 3 日本語組版関連機能

31 ルビ

(X)HTML5 のルビの書き方

モノルビltrubygt京ltrtgtきょうltrtgtltrubygtltrubygt都ltrtgtとltrtgtltrubygtltrubygt府ltrtgtふltrtgtltrubygt

グループルビltrubygt京都府ltrtgtきょうとふltrtgtltrubygt

熟語ルビltrubygt京ltrtgtきょうltrtgt都ltrtgtとltrtgt府ltrtgtふltrtgtltrubygt

Page 35 of 71

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 36: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

AH XSL-FO 拡張のルビの書き方

モノルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgtltaxfrubygtltaxfrubygt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

グループルビltaxfrubygt ltaxfruby-basegt京都府ltaxfruby-basegtltaxfruby-textgtきょうとふltaxfruby-textgtltaxfrubygt

Page 36 of 71

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 37: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

熟語ルビltaxfrubygt ltaxfruby-basegt京ltaxfruby-basegtltaxfruby-textgtきょうltaxfruby-textgt ltaxfruby-basegt都ltaxfruby-basegtltaxfruby-textgtとltaxfruby-textgt ltaxfruby-basegt府ltaxfruby-basegtltaxfruby-textgtふltaxfruby-textgtltaxfrubygt

モノルビグループルビ熟語ルビの組版結果の違い

モノルビ

京きょう

都と

府ふ

グループルビ

京都府き ょ う と ふ

熟語ルビ

京きょう

都と府ふ

Page 37 of 71

Chapter 3 日本語組版関連機能

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 38: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

熟語ルビの行の折り返し角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

鬼門の方角をltrubygt凝ltrtgtぎょうltrtgt視ltrtgtしltrtgtltrubygtする

角を凝ぎょう

視しする

鬼門の方角を凝ぎょう

視し

するルビが親文字よりはみ出した場合の処理ltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtを

渚なぎさ

に 暁あかつき

Page 38 of 71

Chapter 3 日本語組版関連機能

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 39: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

ルビ文字幅を自動的に圧縮-ah-ruby-condense 66 ルビ文字幅を自動的に66まで圧縮

ltrubygt今ltrtgtいまltrtgtltrubygtltrubygt渚ltrtgtなぎさltrtgtltrubygtにltrubygt暁ltrtgtあかつきltrtgtltrubygtのltrubygt趣ltrtgtおもむきltrtgtltrubygtを

今いま

渚なぎさ

に暁あかつき

の趣おもむき

今いま

渚な

ぎさ

に暁あ

かつきの

趣おもむきを

Page 39 of 71

Chapter 3 日本語組版関連機能

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 40: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

親文字の両側にルビltruby style=-ah-ruby-position aftergt ltruby style=-ah-ruby-position beforegt東南ltrtgtとうなんltrtgtltrubygt ltrtgtたつみltrtgtltrubygtの方向

東南とうなん

た つ みの方向

東南

とうなん

たつみの

方向

中付きと肩付きltruby style=-ah-ruby-align centergt地ltrtgtちltrtgtltrubygtを

地ち

をltruby style=-ah-ruby-align startgt地ltrtgtちltrtgtltrubygtを

地ち

Page 40 of 71

Chapter 3 日本語組版関連機能

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 41: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

グループルビの配置ltruby style=-ah-ruby-align distribute-spacegt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align distribute-lettergt紫陽花ltrtgtあじさいltrtgtltrubygt

紫陽花あ じ さ い

ltruby style=-ah-ruby-align centergt境界面ltrtgtインターフェイスltrtgtltrubygt

境界面インターフェイス

ltruby style=-ah-ruby-align center -ah-ruby-base-align distribute-spacegt境界面ltrtgtインターフェイスltrtgtltrubygt

境 界 面インターフェイス

Page 41 of 71

Chapter 3 日本語組版関連機能

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 42: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

32 圏点

emKenten -ah-text-emphasis-style filled -ah-text-emphasis-font-family KentenGeneric font-style normal

ここはltem class=Kentengt圏点で強調ltemgtよ

ここは圏

調

ここは圏

調

Page 42 of 71

Chapter 3 日本語組版関連機能

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 43: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

-ah-text-emphasis-style open

ここは圏

調

ここは圏

調

-ah-text-emphasis-style dot

ここは圏bull

点bull

でbull

強bull

調bull

よ-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 44: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 45: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

-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

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 46: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

ルビと圏点-ah-text-emphasis-style dot

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

-ah-text-emphasis-style dot-ah-text-emphasis-offset 05em

ルビとltrubygt圏点ltrtgtけんてんltrtgtltrubygt

ルbull

ビbull

とbull

圏bull

点bull

けんてん

Page 46 of 71

Chapter 3 日本語組版関連機能

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 47: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

33 縦書きと縦中横~自動縦中横

日本語は伝統的に縦書き

で組まれます書籍や雑誌

など出版物の多くは今も縦

書きが主流ですもちろ

んAH Form

atterは縦書き

にも対応していますこの

ように部分的にブロック

を縦書きにすることも文

書全体を縦書きにすること

もできます

縦書きの指定はwriting-

mode vertical-rl

横書きの

指定は

writing-mode

horizontal-tb

です

縦書きの中に「rsquo12年3月

31日」のように部分的に数

字などを横書きにすること

を「縦中横

たてちゅうよこ」

といいます

spanTCY -ah-text-combine horizontal 縦中横 ltpgt縦書きの中に「ltspan class=TCYgtrsquo12ltspangt年3月 ltspan class=TCYgt31ltspangt日」のように部分的に数字などを 横書きにすることを「縦中横」といいますltpgt

Page 47 of 71

Chapter 3 日本語組版関連機能

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 48: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

(2) この約物の詰めの処理と次の和欧文間の空きの処理はCSS Text Level 4 で定義される予定の text-spacing プロパティの機能に相当します

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

34 約物の処理

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」のように約物(句読点や括弧類)が連続する場合や行頭や行末に来たとき通常は全角幅の約物を半角幅に詰めて見栄えをよくします

「《約物〔やくもの〕》つまり『括弧』『句読点』の類(たぐい)です」larrこちらは比較のために約物の詰めを無効にした例です(-ah-punctuation-trim none を指定)(2)

Page 48 of 71

Chapter 3 日本語組版関連機能

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 49: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

35 和欧文間の空き

「日本語にも global にも 100を目指す AH Formatter V6 です」のように日本語の文章の中に欧字や数字が入るとき間にアキを入れて読みやすくします「日本語にもglobalにも100を目指すAH Formatter V6です」larrこちらは比較のために和欧

文間の空きを無効にした例です(-ah-text-autospace none を指定)

和欧文間の空きの量は標準で全角幅の 25ですが変更可能です(-ah-text-autospace-width プロパティ)

Page 49 of 71

Chapter 3 日本語組版関連機能

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 50: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

Chapter 4 フォント関連機能

41 font-variant 拡張

CSS3 Fonts ドラフト仕様の font-variant 拡張に対応しています

font-variant normal | [ ltfont-variant-capsgt || ltfont-variant-numericgt || ltfont-variant-alternatesgt || ltfont-variant-ligaturesgt || ltfont-variant-positiongt || ltfont-variant-east-asiangt ]

ltfont-variant-capsgt small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps |unicase

ltfont-variant-numericgt ltnumeric-figure-valuesgt || ltnumeric-spacing-valuesgt || ltnumeric-fraction-valuesgt || slashed-zero

ltnumeric-figure-valuesgt lining-nums | oldstyle-nums ltnumeric-spacing-valuesgt proportional-nums | tabular-nums ltnumeric-fraction-valuesgt diagonal-fractions | stacked-fractions ltfont-variant-alternatesgt historical-forms | stylistic(ltnumbergt) | swash(ltnumbergt) |

ornament(ltnumbergt) | annotation(ltnumbergt) ltfont-variant-ligaturesgt ltcommon-lig-valuesgt || ltdiscretionary-lig-valuesgt || lthistorical-lig-

valuesgt || ltcontextual-alt-valuesgt V62 ltcommon-lig-valuesgt common-ligatures | no-common-ligatures V62 ltdiscretionary-lig-valuesgt discretionary-ligatures | no-discretionary-ligatures V62

Page 50 of 71

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 51: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

lthistorical-lig-valuesgt historical-ligatures | no-historical-ligatures V62 ltcontextual-alt-valuesgt contextual | no-contextual V62 ltfont-variant-positiongt sub | super V62 ltfont-variant-east-asiangt lteast-asian-variant-valuesgt || lteast-asian-width-valuesgt || ruby

V62 lteast-asian-variant-valuesgt jis78 | jis83 | jis90 | jis04 | hojo-kanji | nlckanji | simplified |

traditional lteast-asian-width-valuesgt full-width | proportional-width

body 日本語OpenTypeフォントの仮名文字などをプロポーショナルに font-variant proportional-width

「日本語 OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(font-variant proportional-width)

「日本語 OpenType フォントの仮名文字などをldquoプロポーショナルrdquoなグリフにすることができます」(通常)「日本語OpenTypeフォントの仮名文字などをldquoプロポーショナルrdquoなグリフにする

ことができます」(font-variant full-width)

Page 51 of 71

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 52: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

42 IVS 異体字対応

葛城市と葛飾区葛 = U+845B U+E0100葛 = U+845B U+E0101

43 Web フォントWOFF サポート

This is the WOFF font lsquoTangerinersquo from Font Squirrel

This is the WOFF font lsquoGoodDogrsquo from Font Squirrel

font-face font-family TangerineRegular

Page 52 of 71

Chapter 4 フォント関連機能

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 53: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

src url(Tangerine_Regular-webfontwoff)

XSL-FO ではltfodeclarationsgt ltaxffont-face font-family=GoodDogRegular src=GoodDog-webfontwoff gtltfodeclarationsgt

Page 53 of 71

Chapter 4 フォント関連機能

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 54: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

Chapter 5 多言語組版

以下の多言語のサンプルはUDHR in Unicode(世界人権宣言の各国語版)から

51 中東言語(アラビア語やヘブライ語など右から左に書くもの)

Arabicالإخاء بروح بعضا بعضهم يعامل أن وعليهم وضميرا عقلا وهبوا وقد والحقوق الكرامة في متساوين أحرارا الناس جميع يولد

Urdu V62

بار کے عزت و حقوق اور آزاد انسان تمام ۱ دفعہ بدا برابر سے اعت عقل اور ضمیر انہیں ہیں ہوئے پہئے کریا سلوک کا چارے ائیهب ساتھ کے دوسرے ایک انہیں لئے اس ہے ہوئی ودیعت چا

Hebrew

לפיכך ובמצפון בתבונה חוננו כולם ובזכויותיהם בערכם ושווים חורין בני נולדו אדם בני כל

אחוה של ברוח ברעהו איש לנהוג עליהם חובה

Page 54 of 71

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 55: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

52 インド系諸言語

Hindi (Devanagari)

सभी मनषयो को गौरव और अधिकारो क मामल म जनमजात सवतनतरताऔर समानता परापत ह उनह बदघि और अनतरातमा की दन परापत हऔर परसपर उनह भाईचार क भाव स बताताव करना चाहहए

Bengali

সমসত মানষ সবাধীনভাবে সমান মরযাদা এেং অধধকার ধনবে জনমগরহণ কবরতাবদর ধেবেক এেং েধধি আবে সতরাং সকবেরই এবক অপবরর পরধতভরাততবসেভ মবনাভাে ধনবে আচরণ করা উধচতzwj

Gujaratiપરતિષઠા અન અતિકારોની દષષિએ સરવ માનરો જનમથી સરિતર અનસમાન હોય છ િમનામા તરચારશકકિ અન અિઃકરણ હોય છ અન િમણપરસપર બધતરની ભારનાથી રિવવ જોઇએ

Page 55 of 71

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 56: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

Tamilமனிதப பிறிவியினர சகலரும சுதநதிரமாகவவபிறககினறனர அவரகள மதிபபிலுமஉரிமமகளிலும சமமானவரகள அவரகளநியாயதமதயும மனசசாடசிமயயும இயறபணபாகபபபறறவரகள அவரகள ஒருவருடபனாருவர சவகாதரஉணரவுப பாஙகில நடநதுபகாளளல வவணடும

Malayalam

മനഷയരെലലാവെം തലയാവകാശങങള ാംഅനതളസസാം സവാതനനതയള ാംകടിജനിചചിടടളളവൊണzwnj അളനയാനയം നരാതരാവള ാരരെെമാറവാനാണzwnj മനഷയനന വിളവകബദധിയംമനസസാകഷിയം സിദധമായിെികകനനതzwnj

Page 56 of 71

Chapter 5 多言語組版

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 57: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

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

以下のサンプルテキストは Wikipedia から

Oriya

ଓଡଆ ଓଡଶାର ପରଶାସନକ ଭାଷା ଓ ଭାରତର ସମବଧାନ ସଵକତୀପରାପତ ୨୨ଟ ଭାଷାମଧୟର ଗ ାଟ ଓ ଝାଡଖଣଡର ୨ୟ ପରଶାସନକ ଭାଷା

Teluguఆంధరపరదశ రషట ర అధకర భష తలుగు భరత దశం ల తలుగు మతృభషగమటల డ 87 కటల (2001 ) జనభత పర ంతయ భషలల మదట సథ నంలఉంద

Page 57 of 71

Chapter 5 多言語組版

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 58: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

Punjabi (Gurmukhi)ਪਜਾਬੀ ਪਾਕਿਸਤਾਨ ਅਤ ਭਾਰਤ ਦ ਪਜਾਬ ਸਬ ਦੀ ਭਾਸਾ ਹ ਇਹ ਭਾਸਾਵਾ ਦ ਕਹਦ-ਇਰਾਨੀ ਪਰਵਾਰ ਕਵਚ ਕਹਦ-ਯਰਪੀ ਪਰਵਾਰ ਨਾਲ ਸਬਧ ਰਖਦੀ ਹ ਇਹ ਪਜਾਬੀਆਦੀ ਮਾ ਬਲੀ ਹ ਅਤ ਕਸਖੀ ਦੀ ਧਾਰਕਮਿ ਭਾਸਾ ਵੀ ਹ ਕਜਸ ਕਵਚ ਗਰ ਗਰ ਥ ਸਾਕਹਬ ਦੀਰਚਨਾ ਿੀਤੀ ਗਈ ਹ ਇਹ ਦਨੀਆ ਅਤ ਖਾਸ ਿਰ ਦਖਣੀ ਏਸੀਆ ਦ ਉਘ ਭਗੜਾਸਗੀਤ ਦੀ ਭਾਸਾ ਹ ਪਾਕਿਸਤਾਨ ਕਵਚ ਇਹ ਸਭ ਤ ਵਧ ਬਲੀ ਜਾਣ ਵਾਲੀ ਬਲੀ ਹ

53 東南アジアの言語

Khmerមនសសទាងអស កមាតមមមាននកសរភាព នងសមភាព មានងផនមាកសចមាដថលៃនរនងសទធ មនសស ននវចារណញញា ណនងសមសមបជញញាៈជាបពមាកណតម ក តគបបបបបពមដចកោះគន កៅវញកៅមមា មានង សមា រមភាមរភាពជាបងបអន

Page 58 of 71

Chapter 5 多言語組版

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 59: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

Lao

ມະນດເກດມາມ ສ ດເສລ ພາບ ແລະ ສະເໝໜາກນໃນທາງກຽດຕສກແລະ ທາງສ ດດວຍມະນດມ ສະຕສ າປດຊນຍະ(ຮດ ຮຊວ)ແລະມ ມະໂນທາຈງຕອງປະພດຕນຕກນໃນທາງພນອງ

Thai

มนษยทงหลายเกดมามอสระและเสมอภาคกนในเกยรตศกด[เกยรตศกด]และสทธ ตางมเหตผลและมโนธรรมและควรปฏบตตอกนดวยเจตนารมณแหงภราดรภาพ

Vietnamese

Tất cả mọi người sinh ra đều được tự do vagrave bigravenh đẳng về nhacircn phẩm vagravequyền Mọi con người đều được tạo hoaacute ban cho lyacute triacute vagrave lương tacircm vagravecần phải đối xử với nhau trong tigravenh bằng hữu

Page 59 of 71

Chapter 5 多言語組版

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 60: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

Chapter 6 MathML 数式組版

Quadratic Equation x = minusb plusmn b2 minus 4ac2a

Bernoulli Trials P(E) = nk pk(1 minus p)n minus k

Cauchy Formula f (z) middot Indγ(z) = 12πi∮

γ

f (ξ)ξ minus z dξ

ltmath display=block xmlns=httpwwww3org1998MathMathMLgt ltmrowgt ltmigtxltmigt ltmogt=ltmogt ltmfracgt ltmrowgt ltmogt-ltmogt ltmigtbltmigt hellip

MathML 数式組版を利用するには数式用のフリーなフォントである STIX フォントを推奨しますSTIX フォントは STIX Fonts Project Website からダウンロードできます

Page 60 of 71

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 61: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

Chapter 7 多彩な表現

71 ブロック領域の変形

-ah-transform rotate(-30deg)

Page 61 of 71

Kannada

ಎಲಲಾ ಮನವ

ರೂ ಸವತಂತರರ

ಗಕ ಜನ

ಸದಧಾರ ಹ

ಗೂ ಘನ

ತ ಮತತು ಹ

ಕಕುಗಳಲಲಾ

ಸಮನರಗದ

ದಾರ ವವಕ

ಕ ಮತತು ಅ

ಂತಃಕರಣ ಗಳನ

ನು ಪದದವರ

ದದಾ ರಂದ ಅವರ

ಪರಸಪರ ಸಹೂ

ಕದರ ಭವದಂದ

ವರತಸ ಕಕ

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 62: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

-ah-transform skewx(-45deg) scaley(15)

-ah-transform none | lttransform-functiongt [ lttransform-functiongt ] lttransform-functiongt

matrix(ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt ltnumbergt) translate(lttranslation-valuegt[ lttranslation-valuegt]) translateX(lttranslation-valuegt) translateY(lttranslation-valuegt) scale(ltnumbergt[ ltnumbergt]) scaleX(ltnumbergt) scaleY(ltnumbergt) rotate(ltanglegt) skew(ltanglegt[ ltanglegt]) skewX(ltanglegt) skewY(ltanglegt)

CSS3 Transforms 仕様のうちの 2 次元の変形に対応しています

Page 62 of 71

Quadratic Equation x = minusb plusmn b 2minus 4ac2a

Bernoulli Trials P(E) = nk p k(1 minus p) n minus k

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 63: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

72 グラデーション

背景にグラデーションを指定することができます background linear-gradient(to right yellow violet)

色々なグラデーションの例Linear Gradient

linear-gradient(to top right red white blue)

Radial Gradient

radial-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 多彩な表現

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 64: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

73 テキストシャドウ V62

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

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

TEXT SHADOW TEXT SHADOW 影付影付ききtext-shadow 2pt 2pt 0 rgba(255018005)

TEXT SHADOW TEXT SHADOW 影付影付ききPage 64 of 71

Chapter 7 多彩な表現

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 65: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

74 ボックスシャドウ V62

ボックスにぼかしのある影を付けることができます

box-shadow rgba(0127005) 3pt 3pt 2pt

box-shadow rgba(0127005) 3pt 3pt 2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt rgba(0127005) 3pt 3pt2pt inset

box-shadow rgba(0127005) 3pt 3pt 2pt 5pt rgba(0127005) 3pt3pt 2pt 5pt inset

Page 65 of 71

Chapter 7 多彩な表現

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 66: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

図 Float

Chapter 8 行グリッド V62

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

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

見出し(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 このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 67: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

body -ah-baseline-grid new このブロックに行グリッドを設定 font-size 9pt このfontとline-height値を行グリッドに使う line-height 14pt column-count 2

ブロック要素に-ah-baseline-grid new を指定するとこの要素のフォントと行高(line-height)を使って行グリッドが設定されグリッドに合わせて行が配置されます

行グリッドなし場合には 1 行目の前と最終行のあとに半行間のアキができますが行グリッドありの場合には半行間のアキはできません

行の中に大き目の文字やインライン画像がある場合隣接行と重ならない範囲ならば行送りは一定のままですがそれを超えると行グリッド上の次の行位置に送られます

new の代わりに root を指定するとroot 要素の font と line-height 値を行グリッドに使います

Page 67 of 71

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 68: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

h1 -ah-baseline-grid new 見出しブロック内の行グリッド設定 -ah-baseline-block-snap center n行ドリ中央に配置 font-size 18em line-height 12 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 8 行グリッド V62

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 69: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

Chapter 9 マルチメディア埋込み

ビデオやオーディオなどのマルチメディアデータを PDF へ埋め込むことができます

HTML ではltvideo src=moviemp4 type=videomp4 poster=posterjpg width=400 height=300 controls=controls gtltvideogt

またはltobject data=moviemp4 type=videomp4 width=400 height=300 style=-ah-poster-imageurl(posterjpg) -ah-show-controlstruegtltobjectgt

XSL-FO ではltfoexternal-graphic src=moviemp4 content-type=videomp4 axfposter-image=posterjpg axfshow-controls=true width=400px height=300px gt

再生時の音量再生回数再生時間なども指定できます(axf(-ah-)media-) V62

Page 69 of 71

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 70: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

Movie The quick brown fox jumps

Page 70 of 71

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62
Page 71: AH Formatter V6.2の紹介 - アンテナハウス株式会社...Chapter 1. AH Formatter、XSL-FOとCSS 組版について 1.1 AH Formatterとは 正式名称は Antenna House Formatter

Chapter 10 PDF レイヤー V62

PDF にレイヤーを指定することができますroot -ah-layer-settings 上レイヤー 下レイヤー 日本語レイヤー lang ja English Layer off lang en LayerA -ah-layer 上レイヤー

Page 71 of 71

下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー下レイヤー

上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー上レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日

本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー日本語レイヤー

English Layer English Layer English Layer English Layer English Layer EnglishLayer English Layer English Layer English Layer English Layer English LayerEnglish Layer English Layer English Layer English Layer

  • AH Formatter V6の紹介
    • 目次
    • AH FormatterXSL-FOとCSS組版について
      • AH Formatterとは
      • XSLとはXSLTとXSL-FO
      • CSSとXSLを比較
      • XSL-FOのページマスター機能
      • CSS3でのページマスターに相当する機能
      • AH拡張プロパティ
        • フロート拡張
          • CSS21とXSL-FO標準のフロート機能
          • AH拡張floatプロパティ
          • ページのフロート
          • 段のフロート
          • 段組のフロート
          • 絶対配置フロートと相対配置フロート
          • フロートを次のページ(または段)に移動するかどうかを指定
          • フロートのさらなる位置指定
          • フロートとテキスト回り込みの調整
            • 日本語組版関連機能
              • ルビ
              • 圏点
              • 縦書きと縦中横~自動縦中横
              • 約物の処理
              • 和欧文間の空き
                • フォント関連機能
                  • font-variant拡張
                  • IVS異体字対応
                  • WebフォントWOFFサポート
                    • 多言語組版
                      • 中東言語(アラビア語やヘブライ語など右から左に書くもの)
                      • インド系諸言語
                      • 東南アジアの言語
                        • MathML数式組版
                        • 多彩な表現
                          • ブロック領域の変形
                          • グラデーション
                          • テキストシャドウ V62
                          • ボックスシャドウ V62
                            • 行グリッド V62
                              • 見出し(n行ドリ)
                                • マルチメディア埋込み
                                • PDFレイヤー V62