css.notes.params Maven / Gradle / Ivy
bottom-of-page
At the bottom of the page
Notes are rendered in the [`@footnotes`](http://braillespecs.github.io/braille-css/#the-footnotes-area)
area of the page on which they occur.
There is a built-in fallback mechanism: if a note does not fit on a page, e.g. because it is too
big, or there are too many other notes on that page, all notes in the whole book will be rendered at
the end of the volume in which they occur.
The footnotes area can be styled using a `@footnotes` rule. Example:
~~~css
@page {
@footnotes {
border-top: ⠤;
max-height: 20;
}
}
~~~
end-of-volume
At the end of the volume
Notes are rendered in the [`@end`](http://braillespecs.github.io/braille-css/#the-footnotes-area) area of
the volume in which they occur.
end-of-book
At the end of the book
Notes are rendered in the [`@end`](http://braillespecs.github.io/braille-css/#the-footnotes-area) area of
the last volume.
Notes can be grouped by volume using a
[`#endnotes-section::-obfl-on-volume-start`](http://braillespecs.github.io/braille-css/obfl#extending-the-display-property-with--obfl-list-of-references)
rule. Example:
~~~css
#endnotes-section::-obfl-on-volume-start {
content: "Notes in volume " -obfl-evaluate("$started-volume-number");
margin: 1 0;
}
~~~
Placement of content: Notes placement
Placement of notes
Notes, i.e. elements that are referenced by an element with `epub:type` "noteref", can be rendered
either at the bottom of the page on which they occur (on which they are referenced), at the end of
the volume in which they occur, or at the end of the book. Elements with `epub:type` "note",
"footnote", "endnote" or "rearnote" that are not referenced by a noteref are not rendered.
Note references and notes can be styled using `a[epub|type~='noteref']` and
`a[epub|type~='noteref']::alternate` rules, respectively. A title can be inserted at the beginning
of an endnotes section using a `#endnotes-section::-obfl-on-collection-start` rule. Example:
~~~css
#endnotes-section::-obfl-on-collection-start {
content: "Notes in this volume";
text-align: center;
margin-bottom: 1;
}
~~~