XSL-FO Blocks（塊）

XSL-FO 的輸出位于塊區域中。

目錄: 1、XSL-FO 頁面、流以及塊; 2、塊區域的屬性; 3、圖示：; 4、塊邊距; 5、塊邊框; 6、邊框樣式屬性:; 7、邊框顏色屬性:; 8、邊框寬度屬性:; 9、塊填充; 10、塊背景; 11、塊樣式屬性：; 12、字體屬性:; 13、文本屬性:; 14、實例; 15、結果：

XSL-FO 頁面、流以及塊

內容“塊”會“流”入“頁面”中，然后輸出到媒介。

XSL-FO 輸出通常被嵌套在 <fo:block> 元素中，<fo:block> 嵌套于 <fo:flow> 元素中，<fo:flow> 嵌套于 <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 before和 space 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 (定義分頁符，page breaks)
reference-orientation (定義 90" 內的文字旋轉)

實例

<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"> At W3School you will find all the Web-building tutorials you need, from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP. </fo:block>