页面区域标签

• <fo:region-body>       定义主体区域
• <fo:region-before>     顶一定不区域（页眉）
• <fo:region-after>       定义底部区域(页角)
• <fo:region-start>        定义左部区域(左选项条)
• <fo:region-end>         定义右部区域(优选项条)

注：

   region-before, region-after, region-start, region-end 是 region-body 的一部分，为了防止 body 的内容溢出到这些部分，你必须设置 body 的 margin 最少是他们的大小。

  例子：

<fo:simple-page-master master-name="A4"
 page-width="297mm" page-height="210mm"
 margin-top="1cm"   margin-bottom="1cm"
 margin-left="1cm"  margin-right="1cm">
  <fo:region-body   margin="3cm"/>
  <fo:region-before extent="2cm"/>
  <fo:region-after  extent="2cm"/>
  <fo:region-start  extent="2cm"/>
  <fo:region-end    extent="2cm"/>
</fo:simple-page-master>

上面定义了一个名为 A4 的模板，宽297mm，高210mm, 四个页边空白未1mm,body 离页边的距离是3cm, 页的四边（页眉、页角、左边栏、右边栏）都为2cm

   可以计算 body 的大小，例

      body 宽=297mm-2*(30mm)-2*10mm=217mm

Block 标签，直接装载内容

   文档内容 < Block < Flow < Page

<fo:page-sequence>
  <fo:flow flow-name="xsl-region-body">
    <fo:block>
      <!-- Output goes here -->
    </fo:block>
  </fo:flow>
</fo:page-sequence>

Block 的属性

 Block 的 Area 属性

Block 的 Margin 属性

• margin
• margin-top
• margin-bottom
• margin-left
• margin-right

Block 的 Border 属性

Border 样式属性:

• border-style
• border-before-style
• border-after-style
• border-start-style
• border-end-style
• border-top-style (same as border-before)
• border-bottom-style (same as border-after)
• border-left-style (same as border-start)
• border-right-style (same as border-end)

Border 颜色属性:

• border-color
• border-before-color
• border-after-color
• border-start-color
• border-end-color
• border-top-color (same as border-before)
• border-bottom-color (same as border-after)
• border-left-color (same as border-start)
• border-right-color (same as border-end)

Border 宽度属性:

• border-width
• border-before-width
• border-after-width
• border-start-width
• border-end-width
• border-top-width (same as border-before)
• border-bottom-width (same as border-after)
• border-left-width (same as border-start)
• border-right-width (same as border-end)

Block 的 Padding 属性

• padding
• padding-before
• padding-after
• padding-start
• padding-end
• padding-top (same as padding-before)
• padding-bottom (same as padding-after)
• padding-left (same as padding-start)
• padding-right (same as padding-end)

 Block 的 Background 属性  

• background-color
• background-image
• background-repeat
• background-attachment (滚动或固定)

*Block 内容样式 属性 

   <fo:block font-size="12pt" font-family="sans-serif">
This block of output will be written in a 12pt sans-serif font.
</fo:block>

字体属性:

• font-family
• font-weight
• font-style
• font-size
• font-variant

文字格式:

• text-align
• text-align-last
• text-indent
• start-indent
• end-indent
• wrap-option (defines word wrap)
• break-before (defines page breaks)
• break-after (defines page breaks)
• reference-orientation (defines text rotation in 90" increments)

例：

<fo:block
    font-size="14pt" font-family="verdana" font-color="red"
    space-before="5mm" space-after="5mm">
W3Schools
</fo:block>

<fo:block
    text-indent="5mm"
    font-family="verdana" font-size="12pt"
    space-before="5mm" space-after="5mm">
At W3Schools you will find all the Web-building tutorials you
need, from basic HTML and XHTML to advanced XML, XSL, Multimedia
and WAP.
</fo:block>

你可以看到，生成简单的文档需要很很复杂的代码。

一般 xsl-fo 文档不需要这么复杂的代码，我们可以通过 xslt 将格式化信息写入模板里，这样文档就会更整洁。

稍后我们会学怎样组合 xsl-fo 和 xslt.

XSL-FO 通过 List Blocks 来定义列表

• fo:list-block (包含整个列表)
• fo:list-item (包含每个项)
• fo:list-item-label (包括列表项的标签，比如数字、字符等等。)
• fo:list-item-body (包括列表的内容。比如 <fo:block> 对象。)

例：

 <fo:list-block>

<fo:list-item>
 <fo:list-item-label>
   <fo:block>*</fo:block>
 </fo:list-item-label>
 <fo:list-item-body>
   <fo:block>Volvo</fo:block>
 </fo:list-item-body>
</fo:list-item>

<fo:list-item>
 <fo:list-item-label>
   <fo:block>*</fo:block>
 </fo:list-item-label>
 <fo:list-item-body>
   <fo:block>Saab</fo:block>
 </fo:list-item-body>
</fo:list-item>

</fo:list-block>

 XSL-FO 通过 <fo:table-and-caption> 来定义表格

 XSL-FO 中的表格和 HTML 没太大的区别。 

XSL-FO 中的表格标签

• fo:table-and-caption
• fo:table
• fo:table-caption
• fo:table-column
• fo:table-header
• fo:table-footer
• fo:table-body
• fo:table-row
• fo:table-cell

<fo:table-and-caption> 用来定义表格，它有 <fo:table> 和 <fo:caption> 两个元素

<fo:table> 所包含的可选元素有<fo:table-column> 、<fo:table-header>、<fo:table-body>、<fo:table-footer>元素。上面每个元素包含一个或多个<fo:table-row>元素，同时又包含一个或多个<fo:table-cell>元素。

例：

<fo:table-and-caption>
<fo:table>
<fo:table-column column-width="25mm"/>
<fo:table-column column-width="25mm"/>

<fo:table-header>
  <fo:table-row>
    <fo:table-cell>
      <fo:block font-weight="bold">Car</fo:block>
    </fo:table-cell>
    <fo:table-cell>
      <fo:block font-weight="bold">Price</fo:block>
    </fo:table-cell>
  </fo:table-row>
</fo:table-header>

<fo:table-body>
  <fo:table-row>
    <fo:table-cell>
      <fo:block>Volvo</fo:block>
    </fo:table-cell>
    <fo:table-cell>
      <fo:block>$50000</fo:block>
    </fo:table-cell>
  </fo:table-row>
  <fo:table-row>
    <fo:table-cell>
      <fo:block>SAAB</fo:block>
    </fo:table-cell>
    <fo:table-cell>
      <fo:block>$48000</fo:block>
    </fo:table-cell>
  </fo:table-row>
</fo:table-body>

</fo:table>
</fo:table-and-caption>

XSL-FO 和 XSLT 合作

<xsl:template match="header">
<fo:block
    font-size="14pt" font-family="verdana" font-color="red"
    space-before="5mm" space-after="5mm">
    <xsl:apply-templates/>
</fo:block>
</xsl:template>

<xsl:template match="paragraph">
<fo:block
    text-indent="5mm"
    font-family="verdana" font-size="12pt"
    space-before="5mm" space-after="5mm">
    <xsl:apply-templates/>
</fo:block>
</xsl:template>

XSK-FO 参考
http://www.w3schools.com/xslfo/xslfo_reference.asp