Style the footnote elements.


Resource location:@import url("");
footnote overview

Common Customizations

You can apply customizations by pasting the following code snippets under the @import rules.

Style the footnotes separator
footnote style the separator
/* Style the footnotes separator. */
@page {
  @footnotes {
    border-top: 2px solid #1d3557;
    border-clip: 683px;
Style the footnote callouts
footnote style the callout
/* Style the footnote callouts */
.fn::footnote-call {
  content: "["counter(footnote)"]";
  color: #e63946;
Style the footnote markers
footnote style marker
/* Style the footnote markers. */
.fn::footnote-marker {
  color: #e63946;