XSL-FO Blocks（塊）

XSL-FO 的輸出位于塊區(qū)域中。

目錄: 1、XSL-FO 頁(yè)面、流以及塊; 2、塊區(qū)域的屬性; 3、圖示：; 4、塊邊距; 5、塊邊框; 6、邊框樣式屬性:; 7、邊框顏色屬性:; 8、邊框?qū)挾葘傩?; 9、塊填充; 10、塊背景; 11、塊樣式屬性：; 12、字體屬性:; 13、文本屬性:; 14、實(shí)例; 15、結(jié)果：

XSL-FO 頁(yè)面、流以及塊

內(nèi)容“塊”會(huì)“流”入“頁(yè)面”中，然后輸出到媒介。

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>

塊區(qū)域的屬性

塊是位于矩形框中的輸出序列：

<fo:block border-width="1mm"> 這個(gè)輸出塊周?chē)幸粭l一毫米的邊框。 </fo:block>

由于塊區(qū)域是矩形框，所以可共享許多公共的區(qū)域?qū)傩裕?/p>

space before 和 space after
margin
border
padding
space before

圖示：

space before和 space after是塊與塊之間起分割作用的空白。

margin是塊外側(cè)的空白區(qū)域。

border的區(qū)域外部邊緣的矩形。其四個(gè)邊均可有不同的寬度。它也可被填充為不同的顏色和背景圖像。

padding是位于內(nèi)容區(qū)域與邊框之間的區(qū)域。

內(nèi)容區(qū)域可包含實(shí)際的內(nèi)容，比如文本、圖片、圖形等等。

塊邊距

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)

邊框?qū)挾葘傩?

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)

塊樣式屬性：

塊是可被單獨(dú)樣式化的輸出序列：

<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 (定義自動(dòng)換行，word wrap)
break-before (定義分頁(yè)符，page breaks)
break-after (定義分頁(yè)符，page breaks)
reference-orientation (定義 90" 內(nèi)的文字旋轉(zhuǎn))

實(shí)例

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