### Footnotes Area

Describes the layout and the content of the area containing the footnotes of a page or the endnotes of a section/document (see `footnote-placement`).

Please note that some styling options are only available to PDF export. Elements inside a footnote can be styled by using a relative style selector on `inline-footnote`, such as `inline-footnote paragraph { … }`.

#### Selectors

• Definitions:

• `area-footnotes`

#### Style Settings

Setting Type Examples Description
`anchor-alignment` Symbol `left`, `right` The horizontal alignment of a footnote anchor.
`anchor-inset` Length `10pt` The inset of a footnote anchor inside the footnote area.
`divider-length` Length `2cm` The length of the divider line of a footnote. (PDF only.)
`divider-position` Symbol `left`, `right` The horizontal position of the divider line of a footnote.
`divider-spacing` Length `1cm` The spacing between the separator line of a footnote and its contents.
`divider-width` Length `1pt` The width of the divider line of a footnote. (PDF only.)
`text-inset` Length `30pt` The inset of the text of the footnote area.
`top-spacing` Length `1cm` The spacing before the separator line of a footnote.

#### Pseudoclasses

Class Description
`:anchor` The style of the anchor inside the footnote area. See Inline Class. Defaults to superscript text.

#### Example

``````// Styling the footnotes area
area-footnotes {
font-size:         8pt

top-spacing:       20pt
divider-spacing:   10pt

divider-length:    2cm
divider-width:     1pt
divider-position:  left

anchor-alignment:  left
anchor-inset:      1cm
text-inset:        1.5cm
}

// Applying paragraph styles to the paragraphs of a footnote.
inline-footnote paragraph {
first-line-indent: 0pt
}
``````