October DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsSlow PC?RecommendedPC slow today? Run a repair scan before it gets worseResolve common Windows issues and optimize system performance.Scan NowOctober DealsAmazon USDeal season is back - check today's better picksAmazon US: current deals, useful picks and tech finds.See Picks×
Skip to content
Mountain View desk4 min

Add a Footer to Every PDF Page Using HTML/CSS and Google Chrome

Add a repeating footer or page count to a Chrome PDF with CSS page margin boxes, and learn how to reserve space and disable Chrome’s own headers.

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

In Chrome 131 or later, add a repeating footer to a PDF with CSS page margin boxes: reserve space in @page margins, then place text or page counters in an @bottom-* box. Open the page in Chrome, choose Print, select Save as PDF, and check the preview.

Use CSS margin boxes for a repeating footer

Put the footer in a page margin box rather than in the document flow. A normal element at the bottom of a web page appears at the end of the content; it does not automatically repeat on every printed page. Chrome documents CSS margin-box support from Chrome 131. See Chrome for Developers’ guide to print margin boxes.

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Printable document</title>
  <style>
    @page {
      margin: 20mm 15mm 18mm;

      @bottom-center {
        content: "Confidential — Example Company";
        font: 9pt sans-serif;
        color: #555;
      }

      @bottom-right {
        content: "Page " counter(page) " of " counter(pages);
        font: 9pt sans-serif;
        color: #555;
      }
    }

    @media print {
      .screen-only {
        display: none !important;
      }
    }
  </style>
</head>
<body>
  <h1>Printable document</h1>
  <p>Document content goes here.</p>
  <button class="screen-only">On-screen control</button>
</body>
</html>

The three-value margin sets top, left/right, and bottom space. The bottom margin gives the footer room; adjust it if the footer is clipped or crowds the document. The margin-box dimensions follow the @page margins. The example is a documented-syntax pattern; inspect the PDF produced by the Chrome version and print workflow you use.

Change the footer text and position

Use @bottom-center for centered text or @bottom-right for a right-aligned item. The CSS content property supplies the text. You can use more than one bottom margin box, as the example does.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
#1 Best Overall
Canon Canoscan Lide 300 Scanner (PDF, AUTOSCAN, Copy, Send)
  • Scanner type: Document
  • Connectivity technology: USB
  • With Auto Scan Mode, the scanner automatically detects what you're scanning
  • Digitize documents and images

Add page numbers

counter(page) provides the current page number, and Chrome’s documentation describes counter(pages) for the total page count. The example formats these as “Page 1 of 4.”

Save the page as a PDF in Chrome

  1. Open the HTML page in Chrome 131 or later.
  2. Open Chrome’s print dialog and review the preview.
  3. Choose Save as PDF as the destination, then save the file.
  4. Open the saved PDF and check that the footer appears on each page and does not overlap the document text.

Chrome can also add its own URL, date, and page headers or footers when there is enough margin space. If those appear alongside your authored footer, turn off Headers and footers in the print dialog. That browser-generated material is controlled by the user’s print setting, not by the CSS footer. See Chrome’s explanation of printed headers and footers.

Rank #2
Sale
Brother DS-640 Compact Mobile Document Scanner, (Model: DS640)
  • FAST SPEEDS - Scans color and black and white documents a blazing speed up to 16ppm (1). Color scanning won’t slow you down as the color scan speed is the same as the black and white scan speed.
  • ULTRA COMPACT – At less than 1 foot in length and only about 1. 5lbs in weight you can fit this device virtually anywhere (a bag, a purse, even a pocket).
  • READY WHENEVER YOU ARE – The DS-640 mobile scanner is powered via an included micro USB 3. 0 cable allowing you to use it even where there is no outlet available. Plug it into you PC or laptop and you are ready to scan.
  • WORKS YOUR WAY – Use the Brother free iPrint&Scan desktop app for scanning to multiple “Scan-to” destinations like PC, Network, cloud services, Email and OCR. (2) Supports Windows, Mac and Linux and TWAIN/WIA for PC/ICA for Mac/SANE drivers. (3)
  • OPTIMIZE IMAGES AND TEXT – Automatic color detection/adjustment, image rotation (PC only), bleed through prevention/background removal, text enhancement, color drop to enhance scans. Software suite includes document management and OCR software. (4)

Keep the footer clear of the document

  • Reserve enough bottom margin in @page for the footer’s text and font size.
  • If the footer is clipped, increase the bottom margin and check the saved PDF preview again.
  • If the document body runs too close to the footer, increase the margin or reduce the footer text.
  • Use @media print for print-only adjustments, such as hiding controls that should remain on screen but not appear in the PDF. MDN documents print media styles for printed output, including PDF, at Printing – CSS.

Compatibility and browser-generated footer behavior

The CSS margin-box technique is documented for Chrome 131 and later. Do not assume that older Chrome releases or other browsers and print pipelines support it identically; verify the actual target environment. MDN notes compatibility considerations for @page at its @page reference.

Chrome also describes a layout interaction for its automatically generated browser content: if the first printed page has no room for that content, it may not appear on later pages even when those pages have room. This note concerns Chrome-generated material; it is not evidence that CSS-authored margin-box footers have the same behavior. Details are in Chrome’s margin-box article.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #3
Plustek PS186 Desktop Document Scanner, with 50-Pages Auto Document Feeder (ADF). for Windows 7/8 / 10/11 (Intel/AMD only)
  • Up to 255 customize favorite scan file setting with "Single Touch" , Support Windows 7/8/10
  • Turn paper documents into searchable, editable files - save scans as searchable PDF files; OCR function included
  • Info Barcode function - automatic categorization of complicate documentation and data with 1D or 2D Barcode page.
  • Intelligent color and image adjustments — Auto Rotate, Crop, Deskew and blank page remove with Plustek Image Processing Technology
  • Easy send scanned files to FTP server or personal NAS (FTP) with PDFs , Jpeg , TIFF or Png format. User can download scanner driver from Plustek website

Or skip the browser setup

If your goal is to capture a web page as a PDF rather than print your own HTML document, ScreenshotNeo offers a one-request PDF API and an MCP server for AI agents. It is a different workflow from styling a document’s print footer; use it when you want a page capture without setting up Chrome print code.

See the ScreenshotNeo API documentation. Example cURL request:

Rank #4
Hczrc Portable Scanner, Photo Scanner for A4 Documents, Handheld Scanner for Business, Photo, Picture, Receipts, Books, JPG/PDF Format Selection, UP to 900 DPI, with 16G SD Car
  • Note: No software installation is required. You need 2 AA batteries ( not included) and a memory card ( included) to use it directly. Scan mode: Press and hold "Scan" for 2 seconds to turn on the device, and then press "Scan", the green light is on. The scanner moves to scan the file until the green light turns off automatically (or press the "Scan" key and the green light goes out). The number shown on the display increases by 1 to indicate that the scan is complete.
  • Portable Scanner scans images or pictures quickly: Store JPEG/PDF files within seconds, scan images or pictures quickly, plug and play, no need any software preinstalled. Compatible with Windows XP/7/Vista/Mac OS 10.4 or above version.
  • Lightweight and travel-friendly: Stored in Micro SD card directly, support read data on your computer or phone with USB connected. Powered by 2pcs AA batteries, Compact Design, it is convenient to carry outside.
  • 3 Image Resolution: 3 modes of resolution for your options: 300dpi/600dpi/900dpi, you can save it at the clearest way, picture and document are showed clear as it is. Freely choose your favorite resolution.File Format: JPEG/PDF format is all available, Great storage capacity as it supports 32G Micro SD card(Included 16GB Card),total meet your need for business trip or daily use.
  • Widely Used: It is applicable in bank, insurance business, real estate agency,home, office, library or outdoors. suitable for lawyer, businessmen, students, travelers and amateur archivists. Scan your important files and save them immediately, no struggling in finding a printing shop, keep it confidential.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.pdf

Set PDF output options in the request as described in the documentation. ScreenshotNeo removes cookie banners, newsletter popups, and chat widgets before capture; each step can be turned off. Bot checks, blank pages, timeouts, failed loads, and cache hits are not billed. Its MCP server lets AI agents use screenshot and PDF capture tools. The free plan includes 1,000 shots a month with no card; paid plans start at $5 for 3,000 shots.

Sign up for ScreenshotNeo’s free plan to get 1,000 screenshots a month with no card.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Frequently Asked Questions

Does this CSS footer require a printer?

No. Choose Save as PDF in Chrome’s print dialog; a physical printer is not required.

Best Value
Sale
Epson Workforce ES-50 Compact & Lightweight Mobile Document Scanner
  • PORTABLE SCANNER FOR USE ON-THE-GO — The fastest and lightest mobile single-sheet-fed compact document scanner in its class¹
  • QUICK DOCUMENT SCANNING ― This Epson ultra-fast scanner scans a single page as quickly as 5.5 seconds²; Windows and Mac compatible
  • VERSATILE PAPER HANDLING ― Portable scanner scans documents up to 8.5 x 72 in; Also easily digitizes receipts and ID cards to make accounting, bookkeeping, and organizing simpler
  • INTUITIVE, HIGH-SPEED SOFTWARE — Epson ScanSmart Software³ is a smart tool allowing you to easily scan, review, and save; Stay organized easily with the help of this Epson scanner
  • EASY SETUP — USB-powered connect to your computer for quick and simple scanning; No batteries or external power supply required to operate portable document scanner; Standard Connectivity: USB 2.0

Can I show the current page and total page count?

Yes. Use counter(page) and counter(pages) in the margin-box content, then verify the result in the generated PDF.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More from the Wire

  1. Shenzhen desk3 min
    HONOR Expands Beyond Smartphones With Humanoid Robot RevealHONOR said it unveiled its first humanoid robot at MWC 2026 and named shopping assistance, workplace inspections, and supportive companionship as intended uses. Later Robotics D1 claims and a reported…
  2. Cupertino desk5 min
    Apple Unveils AirPods Max 2: The Upgrade That Should Have Happened Years AgoAirPods Max 2 adds H2-powered audio features and Apple claims up to 1.5× more effective ANC, but its design, Smart Case, and 20-hour battery rating are unchanged. Wired lossless audio…
  3. Cupertino desk4 min
    Apple’s OLED Touch MacBooks Are Coming—but the Dynamic Island Is the Real GambleApple has not announced an OLED touchscreen MacBook, but reports point to high-end models arriving in late 2026 or early 2027. The reported Mac Dynamic Island could be useful, but…
Recommended PC Tool
Recommended PC Tool
Outdated Drivers Are Slowing You DownFree scan - exact matches
PC Slower Than It Used to Be?Free scan - under a minute

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.