Blocks (κουτιά) XSL-FO

Η έξοδος του XSL-FO βρίσκεται στην περιοχή των κουτιών.

Σελίδες, ρεύματα και κουτιά XSL-FO

Το περιεχόμενο "κουτί" ρέει στην "σελίδα" και στη συνέχεια εκτυπώνεται στον μέσο.

Η εξόδος XSL-FO συνήθως ενσωματώνεται στο στοιχείο <fo:block>, το οποίο ενσωματώνεται στο στοιχείο <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>

Επειδή η περιοχή του τομέα είναι ορθογώνιος θύρα, μπορεί να μοιράζεται πολλές κοινές ιδιότητες περιοχής:

  • χώρος πριν και μετά
  • πλατύτητα
  • όχθη
  • padding
  • χώρος πριν

Σχέδιο:

χώρος πριν και χώρος μετά είναι το κενό που διαχωρίζει τους τομείς.

πλατύτητα είναι το κενό περιβάλλον της εξωτερικής όχθης του τομέα.

όχθη η ορθογώνια περιοχή στην εξωτερική όχθη της περιοχής. Οι τέσσερις πλευρές της μπορούν να έχουν διαφορετική πλάτος. Μπορεί επίσης να γεμίσει με διαφορετικά χρώματα και οπτικά φόντα.

padding είναι η περιοχή που βρίσκεται μεταξύ της περιοχής περιεχομένου και της όχθης.

περιεχόμενοη περιοχή μπορεί να περιέχει πραγματικό περιεχόμενο, όπως κείμενο, εικόνες, γραφήματα κ.λπ.

πλατύτητα όχθης

  • πλατύτητα
  • πάνω πλατύτητα
  • κάτω πλατύτητα
  • δεξιά πλατύτητα
  • αριστερή πλατύτητα

πλατύτητα όχθης

όρισμα στυλ της όχθης:

  • στυλ όχθης
  • στυλ όχθης πριν
  • στυλ όχθης μετά
  • στυλ όχθης αριστερής
  • στυλ όχθης δεξιάς
  • στυλ όχθης ανώτερης ((同等 του στυλ της όχθης πριν)
  • στυλ όχθης κατώτερης (同等 του στυλ της όχθης μετά)
  • στυλ όχθης αριστερής (同等 του στυλ της αριστερής όχθης)
  • στυλ όχθης δεξιάς (同等 του στυλ της δεξιάς όχθης)

όρισμα χρώματος της όχθης:

  • το χρώμα της όχθης
  • το χρώμα της όχθης πριν
  • το χρώμα της όχθης μετά
  • το χρώμα της αριστερής όχθης
  • το χρώμα της δεξιάς όχθης
  • το χρώμα της ανώτερης όχθης (同等 του χρώματος της πριν)
  • το χρώμα της κατώτερης όχθης (同等 του χρώματος της πριν)
  • 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 (καθορίζει την τοποθεσία των σελίδων, page breaks)
  • 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 θα βρείτε όλες τις εκπαιδευτικές σειρές για την κατασκευή ιστοσελίδων που
need, από βασικό HTML και XHTML μέχρι προηγμένο XML, XSL, Multimedia
και WAP.
</fo:block>

Αποτέλεσμα:

Δείτε το παραπάνω παράδειγμα, αν θέλετε να δημιουργήσετε ένα έγγραφο με πολλούς τίτλους και παράγραφους, θα χρειαστεί πολύ κώδικας.

Γénéικά, τα έγγραφα XSL-FO δεν συνδυάζουν πληροφορίες格式ting και περιεχόμενο όπως που κάναμε πρόσφατα.

Με λίγη βοήθεια από το XSLT, μπορούμε να τοποθετήσουμε πληροφορίες格式ting στο μοντέλο και στη συνέχεια να γράψουμε πιο καθαρό περιεχόμενο.

Θα μάθετε如何在教程后面的章节中学习如何使用 XSLT 模板来组合 XSL-FO.