Blocks XSL-FO (blok)

Output XSL-FO berada di area blok.

Halaman, Alir, dan Blok XSL-FO

Isi 'blok' akan 'beralir' ke 'halaman' kemudian diekspor ke media.

Output XSL-FO biasanya disatukan dalam elemen <fo:block>, <fo:block> disatukan dalam elemen <fo:flow>, <fo:flow> disatukan dalam elemen <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>

Atribut area blok

Blok adalah urutan output yang berada di dalam kotak segi empat:

<fo:block border-width="1mm">
Blok output ini di sekelilingnya ada border dengan lebar satu milimeter.
</fo:block>

Karena area blok adalah kotak segi empat, jadi dapat berbagi banyak atribut area umum:

  • spasi sebelum dan spasi setelah
  • margin
  • border
  • padding
  • spasi sebelum

Gambaran:

spasi sebelum dan spasi setelah adalah area yang kosong yang berfungsi sebagai pemisah antara blok dan blok lain.

margin adalah area yang kosong di luar blok.

border adalah persegi panjang yang berada di luar tebal area. Empat sisi dapat memiliki lebar yang berbeda. Itu juga dapat diisi dengan warna dan gambar latar belakang yang berbeda.

padding adalah area yang terletak di antara area konten dan border.

KontenArea ini dapat memuat konten yang nyata, seperti teks, gambar, grafik, dll.

margin blok

  • margin
  • margin atas
  • margin bawah
  • margin kiri
  • margin kanan

border blok

Atribut gaya border:

  • gaya border
  • gaya sebelum border
  • gaya setelah border
  • gaya mulai border
  • gaya ujung border
  • gaya atas border ((sama dengan border-before)
  • gaya bawah border (sama dengan border-after)
  • gaya border-kiri (sama dengan border-start)
  • gaya border-kanan (sama dengan border-end)

Atribut warna border:

  • warna border
  • warna sebelum border
  • warna setelah border
  • warna mulai border
  • warna ujung border
  • warna atas border (sama dengan border-before)
  • warna bawah border (sama dengan 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 (definisi tanda berhenti halaman, tanda berhenti halaman)
  • reference-orientation (definisi putar teks dalam 90" luar)

Contoh

<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">
Di CodeW3C.com Anda akan menemukan semua panduan pembangunan web yang Anda butuhkan
perlu, dari HTML dan XHTML dasar hingga XML, XSL, Multimedia tingkat tinggi
dan WAP.
</fo:block>

Hasil:

Lihat contoh di atas, jika ingin membuat dokumen dengan banyak judul dan paragraf, maka akan memerlukan banyak kode.

Secara umum, dokumen XSL-FO tidak menggabungkan informasi format dan konten seperti yang kita lakukan sebelumnya.

Dengan bantuan sedikit XSLT, kami dapat menempatkan informasi formatif ke dalam template dan menulis konten yang lebih bersih.

Anda akan belajar di bab berikutnya bagaimana untuk menggunakan template XSLT untuk menggabungkan XSL-FO.