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>

Block area properties

A block is a sequence of output located within a rectangular box:

<fo:block border-width="1mm">
There is a one-millimeter border around this output block.
</fo:block>

Since the block area is a rectangular box, it can share many common area properties:

  • space before and space after
  • margin
  • border
  • padding
  • space before

Illustration:

space before and space after is the blank space that separates blocks from each other.

margin is the blank area outside the block.

border The rectangular border outside the area. Its four sides can have different widths. It can also be filled with different colors and background images.

padding is the area located between the content area and the border.

ContentThe area can contain actual content, such as text, images, graphics, etc.

block margin

  • margin
  • margin-top
  • margin-bottom
  • margin-left
  • margin-right

block border

border style property:

  • 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 property:

  • 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 (स्क्रोल या 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">
W3School
</fo:block>
<fo:block
    text-indent="5mm"
    font-family="verdana" font-size="12pt"
    space-before="5mm" space-after="5mm">
कोडवैॅॅ३सी.कॉम पर आपको सभी वेब-बिल्डिंग ट्यूटोरियल पाना होगा
आवश्यकता, सरल HTML और XHTML से लेकर उन्नत XML, XSL, मल्टीमीडिया तक
और WAP.
</fo:block>

परिणाम:

देखें ऊपरी उदाहरण, यदि एक कई शीर्षकों और पैराग्राफों वाला दस्तावेज़ बनाना है, तो काफी अधिक कोड की आवश्यकता होगी。

आमतौर पर, XSL-FO दस्तावेज़ नहीं होते हैं जो हमने अभी जैसे फॉर्मेटिंग इनफ़ॉर्मेशन और सामग्री को कंबाइन किया हो।

XSLT के कुछ सहायता से, हम फॉर्मेटिंग इनफ़ॉर्मेशन को टैम्प्लेट में रख सकते हैं और और स्वच्छ सामग्री लिख सकते हैं。

आपको इस ट्यूटोरियल के अंतिम अध्याय में XSLT टैम्प्लेट का उपयोग करके XSL-FO को कैसे कंबाइन करने का सीखा होगा。