Блоки XSL-FO (Blocks)

Выход 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>
      <!-- Вывод здесь -->
    </fo:block>
  </fo:flow>
</fo:page-sequence>

атрибуты области блока

Блок является последовательностью вывода, находящейся в прямоугольной рамке:

<fo:block border-width="1mm">
Блок, окруженный рамкой шириной один миллиметр.
</fo:block>

Поскольку область блока является прямоугольной рамкой, она может делиться многими общими свойствами области:

  • пробел перед и после
  • отступ
  • граница
  • padding
  • пробел перед

иллюстрация:

пробел перед и пробел после является пустой областью, которая действует как разделитель между блоками.

отступ является пустой областью снаружи блока.

граница внешний край прямоугольника. Все четыре стороны могут иметь разную ширину. Его также можно заполнить различными цветами и фоновыми изображениями.

padding является областью, находящейся между областью контента и рамкой.

контентрайон может содержать реальный контент, например, текст, изображения, графики и т.д.

отступ блоков

  • отступ
  • отступ сверху
  • отступ снизу
  • отступ слева
  • отступ справа

рамка блока

атрибут стиля рамки:

  • стиль границы
  • стиль перед границы
  • стиль после границы
  • стиль левой границы
  • стиль правой границы
  • стиль верхней границы ((эквивалент border-before)
  • стиль нижней границы (эквивалент border-after)
  • стиль левой границы (эквивалент border-start)
  • стиль правой границы (эквивалент border-end)

атрибут цвета рамки:

  • цвет границы
  • цвет перед границы
  • цвет после границы
  • цвет левой границы
  • цвет правой границы
  • цвет верхней границы (эквивалент border-before)
  • цвет нижней границы (эквивалент 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)

фondo блока

  • background-color
  • background-image
  • background-repeat
  • background-attachment (scroll или fixed)

свойства блока стиля:

Блок является отдельной последовательностью вывода, которая может быть стилизована отдельно:

<fo:block
  font-size="12pt"
  font-family="sans-serif">
Этот блок вывода будет написан с использованием шрифта 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 (определение автоматического переноса строки, word wrap)
  • break-before (определение символа разрыва страницы, page breaks)
  • 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">
На CodeW3C.com вы найдете все tutoria по созданию веб-сайтов, которые
необходимы, от базового HTML и XHTML до продвинутого XML, XSL, Мультимедиа
и WAP.
</fo:block>

Результат:

Смотрите пример выше, если нужно создать документ с многими заголовками и абзацами, потребуется очень много кода.

Обычно, документ XSL-FO не комбинирует информацию о форматировании и контент, как мы это делали刚才.

С помощью немного помощи от XSLT мы можем поместить информацию о форматировании в шаблон и написать более чистый контент.

Вы узнаете, как использовать шаблоны XSLT для комбинирования XSL-FO в后面的 главах этого tutorial.