# XSL-FO 塊
XSL-FO 的輸出位于塊區域中。
## XSL-FO 頁面(Page)、流(Flow)以及塊(Block)
內容"塊"會"流"入"頁面"中,然后輸出到媒介。
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">
This block of output will have a one millimeter border around it.
</fo:block>
```
由于塊區域是矩形框,所以可共享許多公共的區域屬性:
* 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(等同于 padding-after)
* padding-left(等同于 padding-start)
* padding-right(等同于 padding-end)
## 塊背景(Block Background)
* background-color
* background-image
* background-repeat
* background-attachment(scroll 或 fixed)
## 塊樣式屬性(Block Styling Attributes)
塊是可被單獨樣式化的輸出序列:
```
<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(定義自動換行)
* break-before(定義分頁符)
* break-after(定義分頁符)
* reference-orientation(定義 90" 增量的文字旋轉)
## 實例
```
<fo:block font-size="14pt" font-family="verdana" color="red"
space-before="5mm" space-after="5mm">
W3CSchool
</fo:block>
<fo:block text-indent="5mm" font-family="verdana" font-size="12pt">
At W3CSchool you will find all the Web-building tutorials you
need, from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.
</fo:block>
```
結果:
```
W3CSchool
At W3CSchool 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。
- XML 基礎
- XML 簡介
- XML 用途
- XML 樹結構
- XML 語法規則
- XML 元素
- XML 屬性
- XML 驗證
- 查看 XML 文件
- 使用 CSS 顯示 XML
- 使用 XSLT 顯示 XML
- XML Javascript
- XMLHttpRequest 對象
- XML Parser
- XML DOM
- XML to HTML
- XML 應用程序
- XML 進階
- XML 命名空間
- XML CDATA
- XML 編碼
- 服務器上的 XML
- XML DOM 高級
- XML 注意事項
- XML 相關技術
- 現實生活中的 XML
- XML 編輯器
- XML - E4X
- DTD 教程
- DTD 簡介
- DTD - XML 構建模塊
- DTD - 元素
- DTD - 屬性
- XML 元素 vs. 屬性
- DTD - 實體
- DTD 驗證
- DTD - 來自網絡的實例
- XML DOM
- XML DOM 簡介
- XML DOM 節點
- XML DOM 節點樹
- XML DOM 解析器
- XML DOM 加載函數
- XML DOM - 屬性和方法
- XML DOM - 訪問節點
- XML DOM 節點信息
- XML DOM 節點列表
- XML DOM 遍歷節點樹
- XML DOM 瀏覽器差異
- XML DOM - 導航節點
- XML DOM 獲取節點值
- XML DOM 改變節點值
- XML DOM 刪除節點
- XML DOM 替換節點
- XML DOM 創建節點
- XML DOM 添加節點
- XML DOM 克隆節點
- The XMLHttpRequest 對象
- XML DOM 節點類型
- XML DOM - Node 對象
- XML DOM - NodeList 對象
- XML DOM - NamedNodeMap 對象
- XML DOM - Document 對象
- XML DOM - DocumentImplementation 對象
- XML DOM - DocumentType 對象
- XML DOM - ProcessingInstruction 對象
- XML DOM - Element 對象
- XML DOM - Attr 對象
- XML DOM - Text 對象
- XML DOM - CDATASection 對象
- XML DOM - Comment 對象
- XMLHttpRequest 對象
- XML DOM Parse Error 對象
- XML DOM 解析器錯誤
- XSLT 教程
- XSL 語言
- XSLT 簡介
- XSLT 瀏覽器
- XSLT - 轉換
- XSLT <xsl:template> 元素
- XSLT <xsl:value-of> 元素
- XSLT <xsl:for-each> 元素
- XSLT <xsl:sort> 元素
- XSLT <xsl:if> 元素
- XSLT <xsl:choose> 元素
- XSLT <xsl:apply-templates> 元素
- XSLT - 在客戶端
- XSLT - 在服務器端
- XSLT - 編輯 XML
- XML 編輯器
- XSLT 元素參考手冊
- XSLT 函數
- XPath 教程
- XPath 簡介
- XPath 節點
- XPath 語法
- XPath 軸(Axes)
- XPath 運算符
- XPath Examples
- XPath、XQuery 以及 XSLT 函數函數參考手冊
- 函數參考手冊
- XQuery 教程
- XQuery 簡介
- XQuery 實例
- XQuery FLWOR 表達式
- XQuery FLWOR + HTML
- XQuery 術語
- XQuery 語法
- XQuery 添加元素 和屬性
- XQuery 選擇 和 過濾
- XQuery 函數
- XQuery 參考手冊
- XLink 和 XPointer 教程
- XLink 和 XPointer 簡介
- XLink 和 XPointer 語法
- XLink 實例
- XPointer 實例
- XLink 參考手冊
- XML Schema 教程
- XML Schema 簡介
- 為什么使用 XML Schemas?
- XSD 如何使用?
- XSD - <schema> 元素
- XSD 簡易元素
- XSD 屬性
- XSD 限定 / Facets
- XSD 復合元素
- XSD 空元素
- XSD 僅含元素
- XSD 僅含文本
- XSD 混合內容
- XSD 指示器
- XSD <any> 元素
- XSD <anyAttribute> 元素
- XSD 元素替換(Element Substitution)
- XSD 實例
- XSD 字符串 數據類型
- XSD 日期和時間數據類型
- XSD 數值數據類型
- XSD 雜項 數據類型
- XML 編輯器
- XML Schema 參考手冊
- XSD 元素
- XSD 限定/Facets
- SOAP 教程
- SOAP 簡介
- SOAP 語法
- SOAP Envelope 元素
- SOAP Header 元素
- SOAP Body 元素
- SOAP Fault 元素
- SOAP HTTP 協議
- SOAP 實例
- WSDL 教程
- WSDL 簡介
- WSDL 文檔
- WSDL 端口
- WSDL 綁定
- WSDL UDDI
- RSS 教程
- RSS 簡介
- RSS 歷史
- RSS 語法
- RSS <channel> 元素
- RSS <item> 元素
- RSS 發布您的 Feed
- RSS 閱讀器
- RSS 參考手冊
- RDF 教程
- RDF 簡介
- RDF 規則
- RDF 實例
- RDF 主要 元素
- RDF 容器 Elements
- RDF 集合
- RDF Schema (RDFS)
- RDF 都柏林核心元數據倡議
- OWL 簡介
- RDF 參考手冊
- XSL-FO 教程
- XSL-FO 簡介
- XSL-FO 文檔
- XSL-FO 區域
- XSL-FO 輸出
- XSL-FO 流
- XSL-FO 頁面
- XSL-FO 塊
- XSL-FO 列表
- XSL-FO 表格
- XSL-FO 與 XSLT
- XSL-FO 軟件
- XSL-FO 參考手冊
- SVG 教程
- SVG 簡介
- SVG 實例
- SVG 在 HTML 頁面
- SVG <rect>
- SVG <circle>
- SVG <ellipse>
- SVG <line>
- SVG <polygon>
- SVG <polyline>
- SVG <path>
- SVG <text>
- SVG Stroke 屬性
- SVG 濾鏡
- SVG 模糊效果
- SVG 陰影
- SVG 漸變 - 線性
- SVG 漸變- 放射性
- SVG 參考手冊
- 免責聲明