XSL-FO Blocks (blocks)

The output of XSL-FO is located in the block area.

XSL-FO pages, flows, and blocks

Content 'blocks' flow into 'pages', and then output to the medium.

XSL-FO output is usually nested within <fo:block> elements, which are nested within <fo:flow> elements, which are nested within <fo:page-sequence> elements:

<fo:page-sequence>
  <fo:flow flow-name="xsl-region-body">
    <fo:block>
      <!-- Output goes here -->
    </fo:block>
  </fo:flow>
</fo:page-sequence>

lohkoalueen ominaisuudet

Lohko on ulostulosekvenssi, joka sijaitsee nelikulmaisessa kehysissä:

<fo:block border-width="1mm">
Tämä ulostulo-lohko ympäröi yhden millimetrin reunaviivan.
</fo:block>

Koska lohkoalue on nelikulmainen kehys, se voi jakaa monia yhteisiä alueominaisuuksia:

  • ennen ja jälkeen
  • marginaali
  • reunaviiva
  • padding
  • ennen

kuvaus:

ennen ja jälkeen se on tyhjä alue, joka erottaa lohkkoja toisistaan.

marginaali se on lohkon ulkopuolinen tyhjä alue.

reunaviiva reunaviivan ulkoisen reunan neljäkulmainen suorakulmio. Kaikilla neljällä sivulla voi olla eri leveys. Se voidaan myös täyttää eri väreillä ja taustakuville.

padding se on alue, joka sijaitsee sisältöalueen ja reunan välillä.

sisältöalue voi sisältää todellista sisältöä, kuten tekstiä, kuvia, grafiikoita jne.

lohkon marginaali

  • marginaali
  • yläreuna
  • alareuna
  • vasen marginaali
  • oikea marginaali

lohkon reunaviiva

reunatyyli-ominaisuus:

  • reunatyyli
  • yläviivauksen tyyli
  • alaviivauksen tyyli
  • vasemman reunan tyyli
  • oikean reunan tyyli
  • yläviivauksen tyyli ((samasta kuin ennen)
  • alaviivauksen tyyli (samasta kuin alaviiva)
  • vasemman reunan tyyli (samasta kuin vasen reuna)
  • oikean reunan tyyli (samasta kuin oikea reuna)

reunaväri-ominaisuus:

  • reunaväri
  • yläviivauksen jälkiväri
  • alaviivauksen jälkiväri
  • vasemman reunan väri
  • oikean reunan väri
  • yläviivauksen väri (samasta kuin ennen)
  • alaviivauksen alapuolen väri (samasta kuin alaviiva)
  • border-left-color (samasta kuin border-start)
  • border-right-color (samasta kuin border-end)

Reunaviivan leveysominaisuudet:

  • border-width
  • border-before-width
  • border-after-width
  • border-start-width
  • border-end-width
  • border-top-width (samasta kuin border-before)
  • border-bottom-width (samasta kuin border-after)
  • border-left-width (samasta kuin border-start)
  • border-right-width (samasta kuin border-end)

Lohkon täyttö

  • padding
  • padding-before
  • padding-after
  • padding-start
  • padding-end
  • padding-top (samasta kuin padding-before)
  • padding-bottom (samasta kuin padding-after)
  • padding-left (samasta kuin padding-start)
  • padding-right (samasta kuin padding-end)

Lohkon tausta

  • background-color
  • background-image
  • background-repeat
  • background-attachment (scroll tai fixed)

Lohko-tyyliominaisuudet:

Tämä lohko ulostuloa voidaan tyylittää erikseen:

<fo:block
  font-size="12pt"
  font-family="sans-serif">
Tämä ulostulon lohko kirjoitetaan 12pt sans-serif-fontissa.
</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 (määrittää sivutusmerkin, sivun jakojen)
  • reference-orientation (määrittää 90" sisäisen tekstin kiertokulun)

Esimerkki

<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:sta löydät kaikki verkkosivuston rakentamisen oppaat, joita tarvitset
tarvitsee, perus HTML:stä ja XHTML:stä edistyneisiin XML, XSL, Multimedia -toimiin
ja WAP.
</fo:block>

Tulos:

Katso yllä oleva esimerkki, jos haluat luoda dokumentin, joka sisältää monia otsikoita ja kappaleita, tarvitaan paljon koodia.

Yleensä XSL-FO-dokumentit eivät yhdistä muotoilutietoja ja sisältöä samalla tavalla kuin juuri tekemämme.

XSLT:n hieman avulla voimme asettaa muotoilutiedot malleihin ja kirjoittaa puhtaita sisältöjä.

Opit myöhemmin tässä oppaassa, miten käyttää XSLT-malleja XSL-FO:n yhdistämiseen.