float:
none | left | right | inside | outside
| footnote | inline-footnote
| prince-column-footnote
| prince-column-inline-footnote
| prince-snap
| [ [ top | bottom | column-top | column-bottom
| column-top-corner | column-bottom-corner ]
&& [ next | unless-fit ]? ]
Initial value |
none
|
---|---|
Applies to | all elements |
Inherited | no |
Traditionally, floats move in the inline direction, left or right. Prince extends this behaviour with page floats that move in the block direction, specifying that an element should be floated to the top or to the bottom, or to the nearest edge of the column.
The values top
or bottom
float the element to, respectively,
the top or the bottom of the page.
The values column-top
and column-bottom
float the element
to the top or bottom of the column it appears in.
The values column-top-corner
and column-bottom-corner
float the element to the top or bottom of the last column, rather than its natural
column.
The value prince-snap
floats the element to the nearest "end", i.e.
to the top or bottom of the page, or of the column in the case of a multi-column
layout.
The values inside
and outside
float the element respectively
to the inside or outside of a spread: inside
moves the element to
the right when used on a left-facing page, and to the left on a right-facing page;
outside
moves the element to the left when used on a left-facing
page, and to the right on a right-facing page. When these values are used in
a multi-column layout, the element is floated to the inside or outside of the
column it appears in its natural flow.
The value footnote
transforms the element into a footnote - the footnote
marker is placed outside of the block of the footnote. The value inline-footnote
transforms the element into a footnote and places the footnote marker inside of
the block of the footnote.
The values prince-column-footnote
and prince-column-inline-footnote
behave in an analagous way, but move the footnote not to the bottom of the page,
but to the bottom of its column instead.
The additional modifier next
defers the float to the next column in
a multi-column layout, otherwise it defers the float to the next page.
The modifier unless-fit
expresses a conditional: the element is only
floated if it would otherwise cause a page or column break.