Blocks ng XSL-FO (block)

Ang paglilipat ng XSL-FO ay nasa lugar ng block.

Pahina, Flow at Block ng XSL-FO

Ang nilalaman ng 'block' ay darating sa 'pahina' at pagkatapos ay naipalabas sa medium.

Ang pagkakalat ng XSL-FO ay karaniwang nangatatakutan sa loob ng elemento <fo:block>, ang <fo:block> ay nangatatakutan sa loob ng elemento <fo:flow>, ang <fo:flow> ay nangatatakutan sa loob ng elemento <fo:page-sequence>:

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

块区域的属性

块是位于矩形框中的输出序列:

<fo:block border-width="1mm">
这个输出块周围有一条一毫米的边框。
</fo:block>

由于块区域是矩形框,所以可共享许多公共的区域属性:

  • space before 和 space after
  • margin
  • border
  • padding
  • space before

图示:

space beforespace after 是块与块之间起分割作用的空白。

margin 是块外侧的空白区域。

border 的区域外部边缘的矩形。其四个边均可有不同的宽度。它也可被填充为不同的颜色和背景图像。

padding 是位于内容区域与边框之间的区域。

内容区域可包含实际的内容,比如文本、图片、图形等等。

块边距

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

块边框

边框样式属性:

  • border-style
  • border-before-style
  • border-after-style
  • border-start-style
  • border-end-style
  • border-top-style ((等同于 border-before)
  • border-bottom-style (等同于 border-after)
  • border-left-style (等同于 border-start)
  • border-right-style (等同于 border-end)

边框颜色属性:

  • border-color
  • border-before-color
  • border-after-color
  • border-start-color
  • border-end-color
  • border-top-color (等同于 border-before)
  • border-bottom-color (等同于 border-after)
  • border-left-color (等同于 border-start)
  • border-right-color (等同于 border-end)

边框宽度属性:

  • border-width
  • border-before-width
  • border-after-width
  • border-start-width
  • border-end-width
  • border-top-width (等同于 border-before)
  • border-bottom-width (等同于 border-after)
  • border-left-width (等同于 border-start)
  • border-right-width (等同于 border-end)

块填充

  • padding
  • padding-before
  • padding-after
  • padding-start
  • padding-end
  • padding-top (等同于 padding-before)
  • padding-bottom (等同于 padding-after)
  • padding-left (等同于 padding-start)
  • padding-right (等同于 padding-end)

块背景

  • background-color
  • background-image
  • background-repeat
  • background-attachment (scroll 或者 fixed)

块样式属性:

块是可被单独样式化的输出序列:

<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 (定义自动换行,word wrap)
  • break-before (定义分页符,page breaks)
  • break-after (tiningnan ang pagsasabog ng pahina, page breaks)
  • reference-orientation (tiningnan ang pag-rotasyon ng teksto sa loob ng 90")

Example

<fo:block
    font-size="14pt" font-family="verdana" color="red"
    space-before="5mm" space-after="5mm">
W3School
</fo:block>
<fo:block
    text-indent="5mm"
    font-family="verdana" font-size="12pt"
    space-before="5mm" space-after="5mm">
Sa CodeW3C.com, makikita mo ang lahat ng Web-building tutorials na mo
kailangan, mula sa basic HTML at XHTML hanggang sa advanced XML, XSL, Multimedia
at WAP.
</fo:block>

Result:

Mangyaring tingnan ang halimbawa sa itaas, kung nais gumawa ng dokumento na may maraming pamagat at mga parirala, kailangan ng maraming code.

Karaniwan, ang dokumento ng XSL-FO ay hindi nakakakombinahin ang impormasyon ng format at nilalaman katulad ng ginawa namin.

Sa pamamagitan ng ilang tulong ng XSLT, maaari naming ilagay ang impormasyon ng format sa template at maglagay ng mas malinis na nilalaman.

Magiging katulad ng pagkatapos sa mga susunod na kabanata ng tutorial na ito ang pagkatuto ng paggamit ng mga template ng XSLT upang magkombinahin ang XSL-FO.