CARVIEW |
Select Language
HTTP/2 200
date: Wed, 23 Jul 2025 01:45:47 GMT
content-type: text/html; charset=utf-8
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With,Accept-Encoding, Accept, X-Requested-With
x-robots-tag: none
etag: W/"3a8be22d79eea58abf9b24434b538d13"
cache-control: max-age=0, private, must-revalidate
strict-transport-security: max-age=31536000; includeSubdomains; preload
x-frame-options: deny
x-content-type-options: nosniff
x-xss-protection: 0
referrer-policy: no-referrer-when-downgrade
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
server: github.com
content-encoding: gzip
accept-ranges: bytes
set-cookie: _gh_sess=KSIJggOOv3luaphn5hn4Yg%2BneTv9mYSXSjF3NSDKPdhHxRR%2B9boJaOfkRgOp%2BmeMDcu4fnXDSk5vhfBPQoVLojKM7IrnYiAsjrLo7Uh2ZAIogzQCeUrPEeHKBWrb0IOeBdy4K3Laiz39aXEIdXXmF%2FQCCxIrOuWuVlYuvDTU4NjvN9qk4s8TR5m5qlXuteYpzh5tGhGSIp7opT%2BBWQiz8hQeiBp2NhzpSLm8ovx4Snu58RMYTCAC0C5VBm649mC24VRsuau0XwQCsJz89edT%2Fg%3D%3D--r5%2Bh6GxjLU5AuvEr--%2BvpCvZWAvAz%2FocRVeM2v4g%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.1700094281.1753235147; Path=/; Domain=github.com; Expires=Thu, 23 Jul 2026 01:45:47 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Thu, 23 Jul 2026 01:45:47 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: 9B3A:36131:241B9F:32FD68:68803ECA
Footnotes · danfickle/openhtmltopdf Wiki · GitHub
Skip to content
Navigation Menu
{{ message }}
-
Notifications
You must be signed in to change notification settings - Fork 376
Footnotes
danfickle edited this page Sep 14, 2021
·
3 revisions
NOTE: Page footnotes, which became available (in beta) in version 1.0.10
, were implemented in PR#711. Please report any issues with footnotes. You can try footnote support online in the footnotes sample on the sandbox.
Footnotes are content moved to the bottom of the current page, leaving behind a footnote call which links to the page footer content.
<html>
<head>
<style>
@page {
@footnote {
/* Style the footnote area (which can contain multiple footnotes) for each page.
* If you don't need special styles for the footnote area, can be omitted. */
width: 100%;
border-top: 1px solid green;
padding-top: 20px;
/* Footnotes typically look better without constraints. */
orphans: 0;
widows: 0;
}
}
.footnote {
/* Mark an element to be removed from normal flow and placed at
* the bottom of the current page. */
float: footnote;
}
::footnote-call {
/* This is what is left in normal flow.
It is linkified to target the footnote itself. */
counter-increment: footnote 1;
content: "[" counter(footnote) "]";
}
::footnote-marker {
/* This is inserted at the start of the footnote. */
content: counter(footnote) ". ";
}
</style>
</head>
<body>
Lorem ipsum...
<div class="footnote">This is a footnote.</div>
Lorem ipsum...
<div class="footnote">Another <strong>footnote</strong>!</div>
</body>
</html>
- The layout will try to keep the footnote call on the same page as the footnote body.
- If a footnote area goes over multiple pages, the final page of footnote area will be empty except for footnotes.
- Footnotes can not be in
position: fixed
content or page margin content such as@top-center
orposition: running(...)
. - Footnotes must be block elements such as a
<div>
but can contain most other content such as images or tables. - Paginated tables can not be used in footnotes.
- Footnotes can not contain other footnotes.
- If possible, line boxes (at any depth) will avoid the footnote area.
- Block box borders and backgrounds (but not textual content) may intersect with the footnote area. If this is a problem, the footnote area can have a
background-color
set and will sit over the normal flow content. One may also avoid intersecting with the footnote area by usingpage-break-inside: avoid
. - For
position: fixed
content thebottom
property will refer to the top of the footnote area. - The footnote area is implemented as a
position: absolute
so may intersect with otherabsolute
boxes. Thez-index
property may be used on the footnote area to determine which box sits on top.
- There is currently no way to reset a counter on each page.
- Footnotes are not PDF/UA compliant.
- Footnotes in Java2D single page mode are interleaved throughout the document at virtual page breaks.
You can’t perform that action at this time.