axf:float

(Auszug aus "XSL-FO ― Die Referenz" von Manuel Montero Pineda & Steffen Herkert, 2016, dpunkt.verlag)

A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

Category Float Extension Properties

This is a shorthand property for setting float related extension properties. [CSS3-GCPM] Page floats

Value: <float-x> || <float-y> || <float-wrap> || <float-reference> || <float-move> (XSL)
[<float-x> || <float-y> || <float-wrap> || <float-reference> || <float-move>] | footnote | sidenote (CSS)
Initial:none
Applies to:fo:float / floated elements
Inherited:no
Percentages:N/A

Values have the following meanings.

<float-x> = none | start | end | left | right | top | bottom | center | inside | outside Specifies horizontal (or vertical if writing-mode is vertical) float alignment.
<float-y> = none | before | after | top | bottom | left | right | center | inside | outside Specifies vertical (or horizontal if writing-mode is vertical) float alignment.
<float-wrap> = wrap | skip Specifies whether the text wraps around the float.
<float-reference> = auto | normal | page | column | multicol Specifies reference area where the float is positioned.
<float-move> = next | auto-next | auto-move | keep | keep-float Specifies whether the float moves to the next page (or column).
footnoteGenerates footnotes in CSS. Footnotes/Sidenotes by CSS
sidenoteGenerates sidenotes in CSS. Footnotes/Sidenotes by CSS

This extension property is treated as a shorthand and maps to individual extension properties. For example,

<!-- XSL-FO example --> <fo:float axf:float="before column auto-move"> ... </fo:float>

<!-- XHTML+CSS example --> <div style="-ah-float: before column auto-move"> ... </div>

is equivalent to the following:

<!-- XSL-FO example --> <fo:float axf:float-x="none" axf:float-y="before" axf:float-reference="column" axf:float-move="auto-move"> ... </fo:float>

<!-- XHTML+CSS example --> <div style="-ah-float-x: none; -ah-float-y: before; -ah-float-reference: column; -ah-float-move: auto-move"> ... </div>

See individual extension properties for details.

The values left, right, top, bottom, center, inside, and outside which express absolute directions have the ambiguity to extend to both <float-x> and <float-y>. This can be solved as follows.

  • none is ignored.
  • When one of before, after, start, or end is contained, either <float-x> or <float-y> will be selected. The remaining ambiguous value will become another value.
  • When none of before, after, start or end is contained, the first value which expresses the absolute direction will be <float-x>, the latter value will be <float-y>.
Tipp der data2type-Redaktion:
Zum Thema XSL-FO bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: