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 beforespace 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">
ਇਹ ਆਉਟਪੁਟ ਇੱਕ 12pt ਸੈਂਸ-ਸਿਰੀਫ ਫੰਟ ਵਿੱਚ ਲਿਖਿਆ ਜਾਵੇਗਾ.
</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">
و3 اسکول
</fo:block>
<fo:block
    text-indent="5mm"
    font-family="verdana" font-size="12pt"
    space-before="5mm" space-after="5mm">
کدوو3 سی کمپلینٹ پر آپ سبھی ویب بندی تیچرس پائیں گے،
ضروریات، سے ابتدائی ایچ تی ام ال اور ایکس ایچ تی ام ال تک، پیشرفتی ایکس ایم ال، ایکس ایس ایل، ملٹی میڈیا
اور واپ
</fo:block>

نتائج:

مثال دیکھیئے، اگر کسی دستورات میں متعدد عنوانات اور سیکشنز ہوں تو کافی کد درکار ہوگا۔

معمولاً، ایکس ایس ایل-فو دستورات اس طرح کے نہیں ہوتے جیسا کہ ہم اب تک کیا تھا، یعنی فرمتی معلومات اور معلومات کو کیس میں لایا جاتا ہے۔

ایکس ایس ایل-تی کی کچھ مدد سے، ہم فرمتی معلومات کو نمونوں میں رکھ سکتے ہیں اور پاکترین معلومات لکھ سکتے ہیں۔

آپ اس تیچرس کے بعد کے فصل میں سیکھیں گے کہ کیسے ایکس ایس ایل-تی نمونوں کو استعمال کرکے ایکس ایس ایل-فو کو کیس میں لایا جاتا ہے۔