XSL-FO بلوکس (بلاک)

XSL-FO کا آؤٹپُٹ بلاک علاقے میں واقع ہوتا ہے。

XSL-FO پیج، فلو اور بلاک

محتوائی ‘بلاک’ پہلے ‘پینے’ میں ‘فلو’ ہوتی ہیں، بعد میں میڈیا پر نکالتا ہے。

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">
這個輸出塊周圍有一條一毫米的邊框。
</fo:block>

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

  • space before 和 space after
  • margin
  • border
  • padding
  • space before

圖示：

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

margin 是塊外側的空白區域。

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

padding 是位於內容區域與邊框之間的區域。

內容區域可包含實際的內容，比如文本、圖片、圖形等等。

塊邊距

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

边框宽度属性:

  • 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 (تعريف فاصل الصفحة، فترات الصفحة)
  • reference-orientation (تعريف دوران النص داخل 90" )

مثال

<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">
في CodeW3C.com ستجد جميع تدريبات بناء الويب التي تحتاجها
احتياجات، من HTML وXHTML الأساسية إلى XML، XSL، Multimedi
و WAP.
</fo:block>

النتيجة:

انظر إلى المثال أعلاه، إذا كنت ترغب في إنشاء مستند يحتوي على العديد من العناوين والفقاعات، فإنه سيكون من الضروري كتابة الكثير من الكود.

عادةً، لا يتم جمع معلومات الت format والمحتوى كما فعلنا في وقت سابق.

بإضافة القليل من المساعدة من XSLT، يمكننا وضع معلومات الت формат في النماذج، ثم كتابة محتوى أنظف.

ستتعلم في الفصول التالية من هذا الدليل كيفية استخدام قوالب XSLT لتكوين XSL-FO.