Blocks (blocco) di XSL-FO
- Pagina precedente Pagina XSLFO
- Pagina successiva Elenco XSLFO
L'output di XSL-FO si trova nella regione di blocco.
Pagina, flusso e blocco di XSL-FO
Il contenuto "blocco" fluisce nella "pagina" e poi viene outputto sul mezzo.
L'output di XSL-FO viene solitamente incluso nell'elemento <fo:block>, che a sua volta è incluso nell'elemento <fo:flow>, che a sua volta è incluso nell'elemento <fo:page-sequence>:
<fo:page-sequence> <fo:flow flow-name="xsl-region-body"> <fo:block> <!-- Output va qui --> </fo:block> </fo:flow> </fo:page-sequence>
proprietà dell'area del blocco
Il blocco è una sequenza di output situata all'interno della scatola rettangolare:
<fo:block border-width="1mm"> C'è una bordatura di un millimetro intorno a questo blocco di output. </fo:block>
Poiché l'area del blocco è una scatola rettangolare, può condividere molte proprietà di area comuni:
- spazio prima e spazio dopo
- margine
- bordo
- padding
- spazio prima
diagramma:

spazio prima e spazio dopo è l'area bianca che separa i blocchi.
margine è l'area bianca esterna del blocco.
bordo è il rettangolo esterno dell'area. Ogni lato può avere una larghezza diversa. Può anche essere riempito con colori e immagini di sfondo diversi.
padding è l'area situata tra l'area dei contenuti e il bordo.
contenutil'area può contenere contenuti effettivi, come testo, immagini, grafici ecc.
margine-piattaforma
- margine
- margine-sopra
- margine-inferiore
- margine-sinistra
- margine-destra
bordo-piattaforma
proprietà dello stile del bordo:
- stile-bordo
- stile-bordo-prima
- stile-bordo-dopo
- stile-bordo-sinistra
- stile-bordo-destra
- stile-bordo-sopra ((equivalente a border-before)
- stile-bordo-inferiore (equivalente a border-after)
- stile-bordo-sinistra (equivalente a border-start)
- stile-bordo-destra (equivalente a border-end)
proprietà del colore del bordo:
- colore-bordo
- colore-bordo-prima
- colore-bordo-dopo
- colore-bordo-sinistra
- colore-bordo-destra
- colore-bordo-sopra (equivalente a border-before)
- colore-bordo-inferiore (equivalente a border-after)
- border-left-color (ugual a border-start)
- border-right-color (ugual a border-end)
proprietà della larghezza del bordo:
- border-width
- border-before-width
- border-after-width
- border-start-width
- border-end-width
- border-top-width (ugual a border-before)
- border-bottom-width (ugual a border-after)
- border-left-width (ugual a border-start)
- border-right-width (ugual a border-end)
riempimento del blocco
- padding
- padding-before
- padding-after
- padding-start
- padding-end
- padding-top (ugual a padding-before)
- padding-bottom (ugual a padding-after)
- padding-left (ugual a padding-start)
- padding-right (ugual a padding-end)
sfondo del blocco
- background-color
- background-image
- background-repeat
- background-attachment (scroll o fixed)
Proprietà di stile del blocco:
Questo blocco di output è una sequenza di output che può essere stilizzata singolarmente:
<fo:block font-size="12pt" font-family="sans-serif"> Questo blocco di output sarà scritto in un font sans-serif di 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 (定义自动换行,word wrap)
- break-before (定义分页符,page breaks)
- break-after (definisce i simboli di pagina, i salti di pagina)
- reference-orientation (definisce la rotazione del testo entro 90")
Esempio
<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"> Su CodeW3C.com troverai tutti i tutorial di costruzione del web di cui hai bisogno bisogno, dal HTML e XHTML di base all'XML, XSL, Multimedialità avanzata e WAP. </fo:block>
Risultato:

Vediamo l'esempio sopra, per generare un documento con molti titoli e paragrafi, sarà necessario molto codice.
Di solito, i documenti XSL-FO non combinano informazioni di formattazione e contenuto come abbiamo fatto prima.
Con un po' di aiuto da parte di XSLT, possiamo inserire informazioni di formattazione nei modelli e scrivere contenuti più puliti.
Imparerai come utilizzare i modelli XSLT per combinare XSL-FO nelle sezioni successive di questo tutorial.
- Pagina precedente Pagina XSLFO
- Pagina successiva Elenco XSLFO