XSL-FO 區塊

---

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

---

XSL-FO 頁面（Page）、串流（Flow）以及區塊（Block）

內容"區塊"會"串流"入"頁面"中，然後輸出到媒介。

XSL-FO 輸出通常被嵌套在<fo:block> 元素內，<fo:block> 嵌套在<fo:flow> 元素內，<fo:flow> 嵌套於<fo:page-sequence> 元素內：

---

#區塊區域的屬性

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

由於區塊區域是矩形框，所以可共享許多公共的區域屬性：

• space before 與space after

• #margin

• border

• padding

#

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

margin 是區塊外側的空白區域。

border 是區域外部邊緣的矩形。其四邊均可有不同的寬度。它也可被填滿為不同的顏色和背景圖像。

padding 是位於 border 與 content 區域之間的區域。

content 區域可包含實際的內容，例如文字、圖片、圖形等等。

---

區塊邊距（Block Margin）

• #margin

• margin-top

• margin-bottom

• margin-left

• #margin-right

---

區塊邊框（Block Border）

邊框樣式屬性：

• #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）

區塊填入（Block Padding）

---

padding
#padding-before

• # padding-after

• padding-start

---

#padding-end

• ##padding-top（等同於padding-before）

• padding-bottom（等同於pad​​ding-after）

• padding-left（等同於pad​​ding-start）

• padding-right（等同於pad​​ding-end）

---

#區塊背景（Block Background）

background-color############background-image#############background-repeat###########background -attachment（scroll 或fixed）###############區塊樣式屬性（Block Styling Attributes）######區塊是可被單獨樣式化的輸出序列：###

字體屬性：

• font -family

• font-weight

• #font-style

• font-size

• font-variant

文字屬性：

• text-align

• text-align-last

• text-indent

• #end-indent

• wrap-option（定義自動換行）

• break-before（定義分頁符號）

• #break-after（定義分頁符號）

• reference-orientation（定義90" 增量的文字旋轉）

• 實例

---

<fo:block    font-size="14pt" font-family="verdana" color="red"

   space-before="5mm" space-after="5mm">

PHP.CN

#PHP.CNAt php.cn you will find all the Web-building tutorials you need, from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.請看上面的實例，如果要產生一個擁有許多標題和段落的文檔，那麼將會需要非常多的程式碼。 通常，XSL-FO 文件不會像我們剛才所做的那樣對格式化資訊和內容進行組合。

透過 XSLT 的些許幫助，我們就可以把格式化資訊置入模板，然後寫出更純淨的內容。

您會在本教學後面的章節學習如何使用 XSLT 範本來組合 XSL-FO。