10–1–1 二つのfo:blockの積み重ね

一つのfo:blockは内側から内容領域－パディング－ボーダー－スペースという4層構成である。横書きのときは、本文のfo:blockは本文区画（fo:region-body）の内容領域において、上から下に向かって順番に配置される。縦書きのときは右から左への配置である。次は二つのfo:blockの配置例である。この例では、各fo:blockの内容領域の周囲に1emのパディングを指定、その周囲に1ptの太さのボーダーを指定している。各ブロックの前後に1emのスペースを指定している。

<fo:wrapper font-size="12pt" 
             line-height="1.6" 
             font-family="'Times New Roman','ＭＳ 明朝'" 
             text-indent="1em" 
             text-align="justify">
  <fo:block border="1pt solid black" 
            padding="1em" 
            space-before="1em"
            space-after="1em">
    「Extensible Stylesheet Language仕様」（XSL仕様）はXMLドキュメントを表示・印刷するための仕様としてW3Cが勧告したものです。XSL仕様はXMLドキュメントを表示・印刷するためのオブジェクトとプロパティを定義しています。</fo:block>
  <fo:block border="1pt solid black" 
            padding="1em" 
            space-before="1em"
            space-after="1em">
    「Extensible Stylesheet Language仕様」（XSL仕様）はXMLドキュメントを表示・印刷するための仕様としてW3Cが勧告したものです。XSL仕様はXMLドキュメントを表示・印刷するためのオブジェクトとプロパティを定義しています。</fo:block>
</fo:wrapper>  

組版結果は図10･1 ブロックの配置例のようになる。

日本語の本文は、普通、内容領域の周囲にはパディングやボーダーを指定せず、ブロックの前後のスペースも指定しない。その場合は先行段落の最終行と後行段落の先頭行は密接して配置される。

10–1–2 見出しと本文を含むfo:blockのプロパティ指定例

fo:blockのテキストには第7章 テキストとフォントで指定したフォントや文字飾りなどのプロパティを指定できる。XSL-FOにはHTMLの見出し（h1、h2など）、本文段落（p）に相当する意味的な要素はない。見出しや本文はfo:blockの内容とし、見出しの文字を大きく設定するなどプロパティでレイアウトを指定する。次に見出しと本文にあたるfo:blockの指定例を示す。

<fo:block font-size="22pt" 
          font-family="Arial,'ＭＳ ゴシック',sans-serif" 
          space-after="14pt" 
          break-before="page" 
          border-after-style="solid" 
          border-after-width="2pt">はじめに</fo:block>
<fo:block text-indent="1em" 
          text-align="justify">
「Extensible Stylesheet Language仕様」（XSL仕様）はXMLドキュメントを表示・印刷するための仕様としてW3Cが勧告したものです。XSL仕様はXMLドキュメントを表示・印刷するためのオブジェクトとプロパティを定義しています。このため、この仕様に基づいて作成された結果をXSL-FO（XSL-Formatting Object）と呼ぶのが通例です。
</fo:block>
<fo:block text-indent="1em" 
          text-align="justify">
さてXMLドキュメントから、このXSL-FOを作成して印刷するには、次の手順が一般的です。
</fo:block>  

この例には三つのfo:blockがある。最初のfo:blockが見出しであり、二つ目と三つ目のfo:blockが本文段落である。この例でfo:blockに指定されているプロパティを次の表に示す。なお、表に示すもの以外に、明示的に指定されていないプロパティがある。AH Formatterの初期値で暗黙に設定されているが、もちろんすべて明示的に設定変更できる。

このXSL-FOをAH Formatterで組版した結果が図10･2 fo:blockの組版である。

10–1–3 ブロックの修飾

fo:blockで作る段落全体の修飾に使えるプロパティには次のようなものがある。

• 段落のボーダーの太さや種類（border-width、border-style）
• 段落のボーダーと段落の文字の間隔（padding）
• 段落の背景―背景色（background-color）、背景画像（background-image）

10–2–1 先頭行の字下げ

プロパティtext-indentはfo:block内文章の先頭行だけの字下げである。日本語組版では段落の書き出しを1文字字下げするが、これはtext-indent="1em"で設定する。これに対し、10–5 段落の幅で説明するインデント（start-indent、end-indent）はブロック全体の字下げや字上げである。

10–2–2 段落の文字の揃え

プロパティtext-alignは段落の文字の中央寄せ、両端揃え、左寄せ、右寄せ、内側・外側寄せを指定するプロパティである。

プロパティtext-align-lastは段落最終行と改行（U+000A）で終わる行の文字の揃えを指定するプロパティである。

図10･4 段落の文字配置例はfo:blockのテキスト配置をtext-align、text-align-lastプロパティを組み合わせて設定した例である。

10–2–3 最終行の字上げ

プロパティlast-line-end-indentは段落最終行の字上げプロパティである。ブロックから作られる最後の行エリアに適用される。

10–3–1 行の高さ

プロパティline-heightは行の高さを指定するプロパティである。CSSから同じ用語を持ってきているが、XSL-FOでは意味が変わっている。XSL-FOではハーフレディング・トレイトの値を設定するのに使う。ハーフレディング・トレイトの値は、fo:blockに指定されたline-heightの計算結果からフォントの高さ（text-altitude、text-depthの和）を引いた値の半分に設定される。

half-leading = (line-height - (text-altitude + text-depth)) / 2

line-height="normal"にしたときは、XSL-FOプロセサに任せられる。CSSでは1.0～1.2を推奨になっている。これは欧文組版向きである。日本語組版ではline-heightを1.6～1.7にするのが望ましい(AH Formatterのline-heightの初期値は1.2 倍であるが、日本語組版では変更して使うのが望ましい。また行の長さが長いときは行間を広めに取るためline-heightを大きめにすると読み易くなる。)。図10･7 行送りの指定にline-heightの設定により行送りがどのように変わるかを示した。

line-heightを長さや数値のみを指定した場合、line-height.minimum、同optimum、同maximumは計算結果の値がセットされ、line-height.precedence="force"、line-height.conditionality="retain"となる。line-height.precedenceはハーフレディングと他の余白との併せ方をコントロールし、line-height.conditionalityは参照エリアの最初の行と最後の行の余白をコントロールする。

line-height.mimimum=(line-height計算値）
line-height.optimum=(line-height計算値）
line-height.maximum=(line-height計算値）
line-height.precedence="force"
line-height.conditionality="retain"

line-heightは単語の意味としては行の高さであるが、XSL-FOでは行間を決定する役割である。行の送り方の設定がfont-heightとmax-heightの時はラインエリアのspace-afterとspace-beforeの値はline-heightから求めたハーフレディングの値になる。

10–3–2 行の送り方の指定

プロパティline-stacking-strategyは行の送り方を指定するプロパティである。行の送り方には①行送り（改行ピッチ）を固定にする（font-height）、または②行間を固定にする（max-height（初期値））または③「行毎のインラインの高さ」（line-height）の三通りがある。

「行ごとのインラインの高さ」とは、次の両方を満たす高さである。

• 行内のすべてのインラインエリアの高さをすべて包含するような最小の高さ。各インラインエリアの高さとは、インラインエリアの配置矩形が標準配置矩形の時は配置矩形の前後にハーフレディング分の間隔を追加したもの。また、ラージ配置矩形の時はspace-beforeとspace-afterの分の間隔を追加したもの。
• 行を生成するfo:blockのフォントの高さとその前後にハーフレディング分を加えた高さ。

インラインエリアの配置矩形インラインエリアの――は図10･8 インラインエリアの配置矩形の通り。通常のインラインエリアは標準配置矩形であり、ラージ配置矩形となるのは、fo:external-graphicとfo:instream-foreign-objectで挿入されるグラフィックスの場合である。

次の三つの例でline-stacking-strategyの設定によって、行内の文字が大きくなったとき行送りがどのように変るかを示す。組版結果では「行の高さ Angel」という各文字列の後で改行しているが、すべての行は同一の親ブロックの内容となっていることに注意されたい（残りの二つもブロックの構造は同様）。

<!-- line-height="1.8" -->
<fo:block line-stacking-strategy="font-height">
  <fo:inline font-size="0.2em" 
             border-top="0.1pt solid red" 
             border-bottom="0.1pt solid red">
       行の高さ Angel
  </fo:inline><fo:block />
  <fo:inline font-size="0.5em" …略…>
       …略… 行の高さ Angel
  </fo:inline><fo:block />
  <fo:inline font-size="1em" …略…>
       …略… 行の高さ Angel
  </fo:inline><fo:block />
  <fo:inline font-size="1.5em" …略…>
       …略… 行の高さ Angel
  </fo:inline><fo:block />
  <fo:inline font-size="2em" …略…>
       …略… 行の高さ Angel
  </fo:inline><fo:block />
  <fo:inline font-size="3em" …略…>
       …略… 行の高さ Angel
  </fo:inline><fo:block />
</fo:block>

<!-- line-height="1.8" -->
<fo:block line-stacking-strategy="max-height">
  <fo:inline font-size="0.2em" 
             border-top="0.1pt solid red" 
             border-bottom="0.1pt solid red">
       行の高さ Angel
  </fo:inline><fo:block />
  <fo:inline font-size="0.5em" …略…>
       …略… 行の高さ Angel
  </fo:inline><fo:block />
  <fo:inline font-size="1em" …略…>
       …略… 行の高さ Angel
  </fo:inline><fo:block />
  <fo:inline font-size="1.5em" …略…>
       …略… 行の高さ Angel
  </fo:inline><fo:block />
  <fo:inline font-size="2em" …略…>
       …略… 行の高さ Angel
  </fo:inline><fo:block />
  <fo:inline font-size="3em" …略…>
       …略… 行の高さ Angel
  </fo:inline><fo:block />
</fo:block>

<!-- line-height="1.8" -->
<fo:block line-stacking-strategy="line-height">
  <fo:inline font-size="0.2em" 
             border-top="0.1pt solid red" 
             border-bottom="0.1pt solid red">
      行の高さ Angel
  </fo:inline><fo:block />
  <fo:inline font-size="0.5em" …略…>
       …略… 行の高さ Angel
  </fo:inline><fo:block />
  <fo:inline font-size="1em" …略…>
       …略… 行の高さ Angel
  </fo:inline><fo:block />
  <fo:inline font-size="1.5em" …略…>
       …略… 行の高さ Angel
  </fo:inline><fo:block />
  <fo:inline font-size="2em" …略…>
       …略… 行の高さ Angel
  </fo:inline><fo:block />
  <fo:inline font-size="3em" …略…>
       …略… 行の高さ Angel
  </fo:inline><fo:block />
</fo:block>

10–3–3 ページや段の先頭行の前と最終行の後の空き量を無くす方法

line-stacking-strategyがfont-heightまたはmax-heightのとき、行の前後の空き（space-beforeとspace-after）はハーフレディングの値が設定される。ハーフレディングはline-heightから算出されることは既に説明したが、line-heightは間隔指定子（<space>型）であり、space-afterとspace-beforeのconditionalityはline-heightのconditionalityと同じで初期値がretainとなる。このため本文区画の先頭と最後の行の前後にhalf-leadingの空きができる。

日本語組版の基本版面は最初の行のspace-beforeと最後の行のspace-afterをゼロにする必要があるが、このためにはline-heightのconditionalityをdiscardに設定すると良い。但し、line-stacking-strategyをline-heightにすると行の高さの中にハーフレディングを加算してしまうので、行間をゼロにすることはできない。

次の三つの例でline-stacking-strategyの設定毎にline-height.conditionalityのページと段の先頭ブロックの行間の空きへ効果を示す。三つの例では、全体の行の高さは2.0em（line-height="2.0"）として、本文区画に0.2ptのボーダーを設定している。左の段はline-height.conditionality="retain"（初期値）、右の段をline-height.conditionality="discard"としている。

<fo:block line-stacking-strategy="font-height">
  <fo:inline background-color="#EEEEEE">
    fo:blockのプロパティにフォント関連のプロパティの値を設定して、段落のフォント属性を設定できる。
  </fo:inline>
</fo:block>
<fo:block break-before="column" 
          line-stacking-strategy="font-height" 
          line-height.conditionality="discard">
  <fo:inline background-color="#EEEEEE">
    …略…
  </fo:inline>
</fo:block>

<fo:block break-before="page" 
　　　　　line-stacking-strategy="max-height">
  <fo:inline background-color="#EEEEEE">
    …略…
  </fo:inline>
</fo:block>
<fo:block break-before="column" 
          line-stacking-strategy="max-height" 
          line-height.conditionality="discard">
  <fo:inline background-color="#EEEEEE">
    …略…
  </fo:inline>
</fo:block>

<fo:block break-before="page" 
          line-stacking-strategy="line-height">
  <fo:inline background-color="#EEEEEE">
    …略…
  </fo:inline>
</fo:block>
<fo:block break-before="column" 
          line-stacking-strategy="line-height" 
          line-height.conditionality="discard">
  <fo:inline background-color="#EEEEEE">
    …略…
  </fo:inline>
</fo:block>

10–4–1 マージンによる空きの指定

ブロック間の空きをスペースの代わりにマージンで指定することもできる（10–4–4 マージンによる段落間の空きを参照）。横書きのときはmargin-topがspace-before（前方）、margin-bottomがspace-after（後方）にあたる。その他のライティングモードのとき、両者の対応は5–10–4 論理プロパティと絶対プロパティの対応と同様である。space-after/space-beforeは、次に説明する優先度や条件による間隔指定機能が使える点でマージンよりも高度な設定ができる。

10–4–2 優先度による間隔指定

space-afterとspace-beforeのデータ型は間隔指定子で優先度を設定できる。優先度がない場合は、隣接するfo:blockに指定したspace-afterとspace-beforeの大きい方の値を採用する(詳しくは6–8–3 隣合う間隔指定子の距離の解決を参照）。例えば、先行するfo:blockのspace-afterの値に3pt、後続するfo:blockのspace-beforeに1ptの値が指定されている時、これらのfo:blockの間隔は3ptになる。次の例は隣接するfo:blockに優先度のない間隔指定子で空きを設定した例である。

<fo:page-sequence …>
  <fo:flow flow-name="xsl-region-body">
    <fo:block text-indent="1em" 
              text-align="justify" 
              border="0.1em solid black" 
              line-height="1.6" 
              space-after="1em" >
「Extensible Stylesheet Language仕様」（XSL仕様）はXMLドキュメントを表示・印刷するための仕様としてW3Cが勧告したものです。XSL仕様はXMLドキュメントを表示・印刷するためのオブジェクトとプロパティを定義しています。
    </fo:block>
    <fo:block text-indent="1em" 
              text-align="justify" 
              border="0.1em solid black" 
              line-height="1.6" 
              space-before="1em"  
              space-after="1em" >
「Extensible Stylesheet Language仕様」（XSL仕様）はXMLドキュメントを表示・印刷するための仕様としてW3Cが勧告したものです。XSL仕様はXMLドキュメントを表示・印刷するためのオブジェクトとプロパティを定義しています。
    </fo:block>
    <fo:block text-indent="1em" 
              text-align="justify" 
              border="0.1em solid black" 
              line-height="1.6" 
              space-before="1.5em" 
              space-after="2em">
「Extensible Stylesheet Language仕様」（XSL仕様）はXMLドキュメントを表示・印刷するための仕様としてW3Cが勧告したものです。XSL仕様はXMLドキュメントを表示・印刷するためのオブジェクトとプロパティを定義しています。
    </fo:block>
    <fo:block text-indent="1em" 
              text-align="justify" 
              border="0.1em solid black" 
              line-height="1.6" 
              space-before="1em">
「Extensible Stylesheet Language仕様」（XSL仕様）はXMLドキュメントを表示・印刷するための仕様としてW3Cが勧告したものです。XSL仕様はXMLドキュメントを表示・印刷するためのオブジェクトとプロパティを定義しています。 
    </fo:block>
  </fo:flow>
</fo:page-sequence>

最初のブロックと次のブロックの間の空きは1em、二つ目のブロックと三つめのブロックの空きは1.5em、三つめのブロックと四つ目のブロックの空きは2emとなる。

10–4–3 条件によるページや段の先頭段落の前の空き制御

spaceのconditionalityによってページや段の端のブロックに指定したspaceの有効（retain）、無効（discard）を設定できる。

見出しの前にspace-beforeで空きを設定していても、space-beforeのconditionalityはdiscardが初期値のため、その見出しがページの先頭や段組の段の先頭に配置されたときは無視されてしまう。ページや段の先頭のspace-beforeを有効にしたい時にはspace-before.conditionality="retain"に設定する（6–8 複合データ型<space>も参照）。

space-after.conditionalityでページや段の最後のブロックの後の空きも同じように有効・無効の切替ができる。但し、日本語の組版では見出しなどはページの最後や段の最後には配置しないのが原則である。

次の例は、2段組で左段の先頭ブロックには、space-before.conditionality="discard"（初期値）、右段の先頭ブロックにspace-before.conditionality="retain"を設定した。

<fo:block break-before="page" 
          font-size="15pt"
          padding="0.2em" 
          space-before="15mm" 
          space-before.conditionality="discard"
          border-style="dotted" 
          border-width="thin" 
          space-after="3mm">
        見出しの前の空きを無効にする</fo:block>
<fo:block font-size="10pt">
  …略…
</fo:block>
<fo:block break-before="column"
          font-size="15pt"
          padding="0.2em" 
          space-before="15mm" 
          space-before.conditionality="retain"
          border-style="dotted" 
          border-width="thin"
          space-after="3mm">
        見出しの前の空きを有効にする</fo:block>
<fo:block font-size="10pt">
  …略…
</fo:block>

10–4–4 マージンによる段落間の空き

マージンはスペースと同様にボーダーの外側に取られる。エリアが正立で横書きのときはmargin-top、margin-bottomが段落の前方と後方になる。次は見出しの前後の空きをmargin-top/bottomとspace-before/afterで指定した例である。

<fo:block text-indent="1em" 
          text-align="justify">
        「Extensible Stylesheet Language仕様」（XSL仕様）はXMLドキュメントを表示・印刷するための仕様としてW3Cが勧告したものです。
</fo:block>
<fo:block font-size="20pt" 
          line-height="20pt" 
          margin-top="16pt" 
          margin-bottom="13pt" 
          font-family="Arial,'ＭＳ ゴシック',sans-serif" 
          border-bottom="0.1pt solid black">
        見出し1</fo:block>
<fo:block text-indent="1em" 
          text-align="justify">
        「Extensible Stylesheet Language仕様」…略…
</fo:block>
<fo:block text-indent="1em" 
          text-align="justify" 
          break-before="column">
        「Extensible Stylesheet Language仕様」…略…
</fo:block>
<fo:block font-size="20pt" 
          line-height="20pt" 
          space-before="16pt" 
          space-after="13pt" 
          font-family="Arial,'ＭＳ ゴシック',sans-serif" 
          border-bottom="0.1pt solid black">
        見出し2
</fo:block>        
<fo:block text-indent="1em" 
          text-align="justify">
        「Extensible Stylesheet Language仕様」…略…
</fo:block>

10–5–1 マージンが指定されているとき

5–11–2 インデント、ボーダー、パディングの関係の(2)にあたる。エリアに回転が指定されていなくてかつ横書きであれば、margin-left とボーダー、パディングの和がstart-indent、margin-right とボーダー、パディングの和がend-indent の値となる。

<fo:region-body margin="15mm 25mm 15mm 25mm" 
　　　　　　　　border="0.1pt solid red"/>
  …略…
<fo:page-sequence …>
  …略…
  <fo:block text-indent="1em" 
            text-align="justify" 
            margin-left="2em" 
            margin-right="2em"
            border="1em solid #EAEAEA" 
            padding="1em">
         「Extensible Stylesheet Language仕様」（XSL仕様）はXMLドキュメントを表示・印刷するための仕様として  …略… 
  </fo:block>
</fo:page-sequence>

fo:blockの内容領域は本文区画（親の参照領域）の内容領域からマージンとボーダーとパディング分だけ内側になる。

10–5–2 マージンもインデントも指定されていないとき

5–11–2 インデント、ボーダー、パディングの関係の(3)でインデントがゼロのケースである。マージンは(3)の式で計算される。次に例を示す。

<fo:region-body margin="15mm 25mm 15mm 25mm" 
　　　　　　　　border="0.1pt solid red"/>
  …略…
<fo:page-sequence …>
  …略…
  <fo:block text-indent="1em" 
            text-align="justify" 
            border="1em solid #EAEAEA" 
            padding="1em">
         「Extensible Stylesheet Language仕様」（XSL仕様）はXMLドキュメントを表示・印刷するための仕様として  …略… 
  </fo:block>
</fo:page-sequence>

この例ではインデントの継承値もゼロなので、左右のマージンがマイナスになり、開始辺、終了辺のパディングとボーダーは参照エリアの内容領域の外側に取られる。親の参照エリアの内容領域とfo:block の内容領域の幅が一致する。

10–5–3 インデントが指定されているとき

5–11–2 インデント、ボーダー、パディングの関係の(3) でインデントが指定されているケースである。パディングとボーダーはインデントの内部にとられる。

<fo:region-body margin="15mm 25mm 15mm 25mm" 
　　　　　　　　border="0.1pt solid red"/>
  …略…
<fo:page-sequence …>
  …略…
  <fo:block text-indent="1em" 
            text-align="justify" 
            start-indent="2em" 
            end-indent="2em" 
            border="1em solid #EAEAEA" 
            padding="1em">
         「Extensible Stylesheet Language仕様」（XSL仕様）はXMLドキュメントを表示・印刷するための仕様として  …略… 
  </fo:block>
</fo:page-sequence>

この例はborder とpadding の合計がindent に一致するので、図10･20 ブロックの幅（インデントが指定されているとき）のようになる。

10–6–1 強制改ページ・強制改段

fo:blockのプロパティbreak-after、プロパティbreak-beforeプロパティで当該のfo:blockの前後で改ページ、または改段を設定できる。単純な改ページ、改段のみでなく改ページして次のページを偶数ページで始めたり、奇数ページで始めたりする指定もできる。

10–6–2 改ページや改段の抑制

見出しと本文が別のページや別の段に分かれてしまわないようにするには、プロパティkeep-with-next、プロパティkeep-with-previous、プロパティkeep-togetherの三つのプロパティによって指定する（keepの説明は6–9 複合データ型<keep>を参照）。次の例は見出し2を含むfo:blockには、keep-with-nextプロパティを設定していないが、見出し4を含むfo:blockには、keep-with-next.within-column="always"を指定している。

<fo:block font-size="20pt" 
          line-height="45pt" 
          space-after="3pt" 
          font-family="Arial,'ＭＳ ゴシック',sans-serif">
        見出し1
</fo:block>
<fo:block text-indent="1em" 
          text-align="justify" >
        「Extensible Stylesheet Languag仕様」…略…  
</fo:block>
<fo:block font-size="20pt" 
          line-height="45pt" 
          space-after="3pt" 
          font-family="Arial,'ＭＳ ゴシック',sans-serif">
        見出し2
</fo:block>      
<fo:block text-indent="1em" 
          text-align="justify">
        「Extensible Stylesheet Languag仕様」…略…  
</fo:block>  
<fo:block text-indent="1em" 
          text-align="justify">
        「Extensible Stylesheet Languag仕様」…略…
</fo:block>
<fo:block font-size="20pt" 
          line-height="45pt" 
          space-after="3pt" 
          …略…
          break-before="page">
        見出し3
</fo:block>
<fo:block text-indent="1em" 
          text-align="justify" >
        「Extensible Stylesheet Languag仕様」…略…
</fo:block>
<fo:block font-size="20pt" 
          line-height="45pt" 
          space-after="3pt" 
          …略…
          keep-with-next.within-column="always">
        見出し4</fo:block>       
<fo:block text-indent="1em" 
          text-align="justify">
       「Extensible Stylesheet Languag仕様」…略…
</fo:block>
<fo:block text-indent="1em" 
          text-align="justify">
       「Extensible Stylesheet Languag仕様」…略…
</fo:block>  

組版結果は図10･21 見出し2の後で改段、続く本文は別の段に配置、図10･22 見出し4は、次の本文と同じ段に配置のようになる。見出し2にはkeepを指定していないので段の下に取り残され、次の本文と別の段に配置される。しかし、見出し4にはkeepを設定しているので、次の本文を同一の段に配置される。

10–7–1 widows

例えば、あるページの先頭に、前ページの最後の段落が1行だけ残らないようにするときwidows="2"とする。次のページに1行だけ送られるときは、前のページからもう1行をもってきて2行にするなどの対応がとられる。

10–7–2 orphans

例えば、ページの最後に次の段落の先頭を2行以上配置されるようにするにはorphans="2"とする。