Khối của XSL-FO (Blocks)
- Trang trước Trang XSLFO
- Trang tiếp theo Danh sách XSLFO
Kết quả xuất ra của XSL-FO nằm trong khu vực khối.
Trang, luồng và khối của XSL-FO
Nội dung “khối” sẽ “chảy” vào “trang”, sau đó xuất ra trên phương tiện.
Kết quả xuất ra của XSL-FO thường được nhúng trong phần tử <fo:block>, phần tử <fo:block> được nhúng trong phần tử <fo:flow>, phần tử <fo:flow> được nhúng trong phần tử <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>
Thuộc tính của khu vực khối
Khối là chuỗi đầu ra nằm trong khung vuông:
<fo:block border-width="1mm"> Khối xuất ra này có một viền đường kính một milimet xung quanh. </fo:block>
Do khu vực khối là khung vuông, vì vậy có thể chia sẻ nhiều thuộc tính khu vực công cộng:
- khoảng cách trước và khoảng cách sau
- margin
- border
- padding
- khoảng cách trước
Hình minh họa:

khoảng cách trước và khoảng cách sau là khoảng trống起到 phân cách giữa các khối.
margin là khoảng trống bên ngoài của khối.
border là hình vuông có cạnh bên ngoài của khu vực này. Cả bốn cạnh đều có thể có độ rộng khác nhau. Nó cũng có thể được lấp đầy bằng màu sắc và hình ảnh nền khác nhau.
padding là khu vực nằm giữa khu vực nội dung và viền.
Nội dungKhu vực này có thể chứa nội dung thực tế, chẳng hạn như văn bản, hình ảnh, đồ họa, v.v.
khoảng cách khối
- margin
- margin trên
- margin dưới
- margin trái
- margin phải
viền khối
Thuộc tính kiểu viền:
- kiểu viền
- kiểu viền trước
- kiểu viền sau
- kiểu viền bên trái
- kiểu viền bên phải
- kiểu viền trên ((tương đương border-before)
- kiểu viền dưới (tương đương border-after)
- kiểu viền trái (tương đương border-start)
- kiểu viền phải (tương đương border-end)
Thuộc tính màu viền:
- màu viền
- màu viền trước
- màu viền sau
- màu viền bên trái
- màu viền bên phải
- màu viền trên (tương đương border-before)
- màu viền dưới (tương đương border-after)
- border-left-color (tương đương border-start)
- border-right-color (tương đương border-end)
thuộc tính chiều rộng viền:
- border-width
- border-before-width
- border-after-width
- border-start-width
- border-end-width
- border-top-width (tương đương border-before)
- border-bottom-width (tương đương border-after)
- border-left-width (tương đương border-start)
- border-right-width (tương đương border-end)
đệm mảnh
- padding
- padding-before
- padding-after
- padding-start
- padding-end
- padding-top (tương đương padding-before)
- padding-bottom (tương đương padding-after)
- padding-left (tương đương padding-start)
- padding-right (tương đương padding-end)
màu nền mảnh
- background-color
- background-image
- background-repeat
- background-attachment (scroll hoặc fixed)
thuộc tính phong cách mảnh:
Mảnh đầu ra này sẽ được viết bằng font sans-serif 12pt.
<fo:block font-size="12pt" font-family="sans-serif"> This block of output will be written in a 12pt sans-serif font. </fo:block>
thuộc tính font:
- font-family
- font-weight
- font-style
- font-size
- font-variant
thuộc tính văn bản:
- text-align
- text-align-last
- text-indent
- start-indent
- end-indent
- wrap-option (định nghĩa tự động ngắt dòng, tự động cuộn dòng)
- break-before (định nghĩa ký tự phân trang, các dấu ngắt trang)
- break-after (định nghĩa dấu phân trang, break trang)
- orientation-ghi-chữ (định nghĩa sự quay văn bản trong 90")
Mô hình
<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"> Tại CodeW3C.com bạn sẽ tìm thấy tất cả các tài liệu hướng dẫn xây dựng web mà bạn cần, từ HTML và XHTML cơ bản đến XML, XSL, Multimedia cao cấp và WAP. </fo:block>
Kết quả:

Xin xem ví dụ trên, nếu muốn tạo một tài liệu có rất nhiều tiêu đề và đoạn văn bản, thì sẽ cần rất nhiều mã.
Thường thì tài liệu XSL-FO không kết hợp thông tin định dạng và nội dung như chúng ta đã làm trong phần trước.
Với một số giúp đỡ từ XSLT, chúng ta có thể đặt thông tin định dạng vào mẫu và viết ra nội dung trong suốt hơn.
Bạn sẽ học cách sử dụng mẫu XSLT để kết hợp XSL-FO trong các chương sau của tài liệu này.
- Trang trước Trang XSLFO
- Trang tiếp theo Danh sách XSLFO