October DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsWindows FixRecommendedWindows errors stealing your time? Find the fix fastScan stability, cleanup and performance issues.Fix NowOctober DealsAmazon USDeal season is back - check today's better picksAmazon US: current deals, useful picks and tech finds.See Picks×
Skip to content
World desk4 min

How to Create Printer-Friendly Web Pages with CSS

Use @media print and @page to simplify web pages for paper or PDF, then test margins, colors, and pagination in print preview.

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.

Use a print stylesheet to remove screen-only controls, keep the main content readable, and set page margins with @page. Put the rules in an @media print block or a separate stylesheet linked with media="print", then check the result in print preview: pagination and browser print settings affect what reaches paper or PDF.

Choose where to put your print CSS

For a small set of print adjustments, add an @media print block to an existing stylesheet. If print rules are extensive or maintained separately, create a dedicated file and link it from the document:

<link rel="stylesheet" href="print.css" media="print">

Either approach lets the screen layout remain unchanged while the browser applies print-specific styles. There is no universal winner: choose the arrangement that best fits how your project is organized. The MDN guide to printing with CSS describes both approaches.

Build a practical print stylesheet

Start by hiding controls that do not belong on paper, setting a legible text style, and avoiding awkward splits in common content blocks. Replace the example selectors with the ones used by your site:

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
#1 Best Overall
Brother Color Laser Printer with Wireless Printing Fast 19 PPM Output, Duplex Feature, Mobile Device Compatible, 250-Sheet Paper Tray for Professional Home Office Printing (HL-L3220CDW)
  • Professional Quality: Brother Genuine color laser printer delivers stunning business documents with crisp text and vibrant graphics at impressive 19 PPM speed, transforming your home office into a powerhouse of productivity
  • Wireless Connectivity: Brother Genuine advanced wireless capabilities enable seamless printing from laptops, smartphones, and tablets, with built-in security protocols safeguarding your sensitive business documents
  • High-Volume Capacity: Brother Genuine laser printer includes a generous 250-sheet paper tray minimizing refills, while the manual feed slot offers versatility for envelopes and specialty media
  • Efficient Performance: Brother Genuine automatic duplex printing saves time and paper, while delivering professional-quality double-sided documents at speeds up to 19 pages per minute
  • Mobile Integration: Brother Genuine technology ensures seamless compatibility with major mobile printing platforms and cloud services, enabling effortless document printing from your preferred devices
@media print {
  nav,
  .site-header,
  .site-footer,
  .print-controls,
  .advertisement {
    display: none !important;
  }

  body {
    color: #000;
    background: #fff;
    font: 11pt/1.4 Georgia, serif;
  }

  a {
    color: inherit;
    text-decoration: underline;
  }

  img,
  table,
  pre,
  blockquote {
    break-inside: avoid;
  }
}

@page {
  size: auto;
  margin: 18mm;
}

This is a starting point, not a guarantee that every page will fit neatly. Adjust the selectors and typography for the actual content. A rule such as break-inside: avoid can help keep an element together, but long tables, code blocks, or images may still need special handling to fit across pages.

Remove interface clutter without removing useful content

Hide navigation, promotional areas, and interactive controls that are irrelevant on paper. Keep the article, labels, captions, and other information a reader needs to understand the printed page. Avoid broad selectors that accidentally hide content along with site chrome.

Rank #2
Sale
Canon Color imageCLASS LBP646Cdw Wireless Laser Printer, Duplex, 26 PPM, Print Only, White
  • Single-Function, Color, Wireless, Duplex Printer: Print only. — No Scanning, Copying, or Faxing
  • Fast Print Speeds: Print up to 26 ppm in both color and monochrome and spend less time waiting with a quick first print time of approximately 10.3 seconds.
  • Easy Wireless Setup: Setup your wireless connection and get up and running in just a few steps.
  • 5-inch LCD Screen: Navigate through all the features using the 5-line LCD screen.
  • Mobile Device Printing: Print from your compatible mobile devices using the free Canon PRINT app, Apple AirPrint and Mopria Print Service.

Set readable type and links

Use a high-contrast foreground and background and a text size appropriate for the content. Underlining links helps distinguish them from ordinary text in print. If readers need to identify a link after printing, consider whether its destination should also appear in the content; the example above changes link styling but does not print URLs.

Set paper size, orientation, and margins

The @page rule controls page geometry. For example, size can specify a sheet size or orientation, while margin sets the page margins:

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #3
Sale
HP Color LaserJet Pro MFP 3301sdw | Color Printer | Wireless | All-in-One | Duplex
  • FROM AMERICA'S MOST TRUSTED PRINTER BRAND – Perfect for small teams printing, scanning and copying professional-quality color documents and reports. Print speeds up to 26 ppm black/color.
  • PROFESSIONAL PRODUCTIVITY – Proficiency with every print—next-generation TerraJet toner brings your business to life with more vivid colors.
  • ORIGINAL HP TONER CARTRIDGES – This HP printer uses Original HP 218A standard and 218X high yield LaserJet toner cartridges.
  • UPGRADED FEATURES – Fast color printing, scan, copy, auto 2-sided printing, auto document feeder, and a 250-sheet input tray.
  • AWARD-WINNING RELIABILITY – Performance you can count on page after page, and always ready for the high demands of business.
@page {
  size: A4 portrait;
  margin: 15mm 18mm;
}

Choose dimensions for the paper your audience is likely to use, or leave the size flexible when the browser or user should determine it. The W3C’s CSS Paged Media Module Level 3 describes page boxes and flexible layouts for different sheet sizes; it is a Working Draft dated 14 September 2023, so use it for concepts rather than as a guarantee of current browser behavior. MDN also documents CSS paged media.

Make color and meaning survive printing

Browsers may change colors for print, and users may choose grayscale output. Do not communicate meaning through color alone; pair color distinctions with text, symbols, patterns, or other cues. Use clear contrast so the page remains understandable if backgrounds are omitted.

Rank #4
Sale
Canon Color imageCLASS MF665Cdw - Wireless, All-in-One Duplex Laser Printer
  • Color, Wireless, Duplex 4-in-1: Print, scan, copy, fax.
  • Fast Print Speeds: Print up to 26 ppm in both color and monochrome and spend less time waiting with a quick first print time of approximately 10.3 seconds.
  • Easy Wireless Setup: Setup your wireless connection and get up and running in just a few steps.
  • 5-inch Color Touchscreen: Get the job done quickly with Application Library - an intuitive and easy to use customizable access to the features you use most.
  • Mobile Device Printing: Print from your compatible mobile devices using the free Canon PRINT app, Apple AirPrint and Mopria Print Service.

If a background or color is essential to the design, print-color-adjust: exact requests that the browser preserve the authored appearance:

.status-badge {
  print-color-adjust: exact;
}

This is a request, not control over the final output: browser behavior and user print settings still matter. See MDN’s reference for the print-color-adjust property and its guidance on using color wisely.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Best Value
Brother MFC-L3720CDW Wireless Color Laser Printer, Scanner, Copier, Fax, Auto Duplex, 250-Sheet Capacity
  • Professional Performance: Dominate your business printing with this Brother Genuine color laser printer delivering exceptional print speeds up to 19 ppm and stunning laser-quality output that makes your documents stand out from the competition
  • Advanced Connectivity: Take command of your workflow with dual-band wireless networking (2.4GHz/5GHz), Wi-Fi Direct, and USB 2.0 interface, enabling multiple users to connect and print seamlessly from any device in your office
  • Productivity Powerhouse: Maximize efficiency with the 50-sheet auto document feeder, 250-sheet adjustable paper tray, and automatic duplex printing, ensuring uninterrupted performance for your demanding business needs
  • Smart Integration: Transform your workflow with the intuitive 3.5" color touchscreen featuring 48 customizable shortcuts and direct access to popular cloud services including Google Drive, Dropbox, and OneNote for seamless document management
  • Mobile Command Center: Leverage the power of mobile printing with remote access capabilities, toner level monitoring, and complete printer management directly from your mobile device through the exclusive companion app
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Test page breaks and print preview

  1. Open print preview. Confirm that the main content remains and that navigation, buttons, and other screen-only controls are gone.
  2. Check both short and long pages. Inspect margins, clipped content, and breaks through tables, images, and code blocks across multiple sheets.
  3. Check grayscale. Verify that distinctions and text remain understandable without color or printed backgrounds.
  4. Recheck after stylesheet changes. Print rules still participate in the cascade; a more specific declaration or another applicable rule can override the one you expected to apply.

Print preview presents the page as paged output, making it the practical place to inspect the result rather than assuming CSS alone proves the layout works. For ordinary layout changes, CSS is usually the right tool. MDN notes that browsers also expose beforeprint and afterprint events for interfaces that need to respond to the print action itself; these events are not a replacement for print styles.

Troubleshoot common print CSS problems

  • A hidden item still appears: Check the selector against the rendered element, then inspect its computed styles and cascade. A more specific rule or precedence conflict may be overriding the print declaration; adjust the selector or rule deliberately rather than adding broad hiding rules.
  • Important content disappears: Narrow the selector. Hiding a shared wrapper can remove the article along with the header or controls.
  • A table or image breaks awkwardly: Test the actual long content in preview. Break-avoidance rules are useful hints, not a guarantee that oversized content can fit on one sheet.
  • Colors look different or vanish: Make sure meaning does not rely on color alone. Users and browsers may alter print colors; print-color-adjust: exact only requests preservation.
  • Margins or paper size differ from the CSS: Check the print dialog and preview as well as @page. The final paged output depends on the browser and the user’s print choices.

Or skip the browser setup

If you need a captured page rather than a print stylesheet for your site, ScreenshotNeo provides a screenshot API and MCP server. A single GET request can return an image or PDF; this cURL example saves a WebP screenshot:

Quick Recap

SaleBestseller No. 2
Canon Color imageCLASS LBP646Cdw Wireless Laser Printer, Duplex, 26 PPM, Print Only, White
Canon Color imageCLASS LBP646Cdw Wireless Laser Printer, Duplex, 26 PPM, Print Only, White
5-inch LCD Screen: Navigate through all the features using the 5-line LCD screen.; Paper Capacity: 250-sheet standard cassette, 1-sheet multipurpose tray.
$229.00
SaleBestseller No. 4
Canon Color imageCLASS MF665Cdw - Wireless, All-in-One Duplex Laser Printer
Canon Color imageCLASS MF665Cdw - Wireless, All-in-One Duplex Laser Printer
Color, Wireless, Duplex 4-in-1: Print, scan, copy, fax.; Paper Capacity: 250-sheet standard cassette, 1-sheet multipurpose tray.
$389.99
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

See the ScreenshotNeo documentation for request options. Cookie banners, popups, and chat widgets are removed before capture; bot checks, blank pages, and failed loads are never billed. An MCP server lets AI agents take screenshots. The free plan includes 1,000 screenshots a month with no card, and paid plans start at $5 for 3,000. Sign up for ScreenshotNeo’s free plan.

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.

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.

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
PC Slower Than It Used to Be?Free scan - under a minute
Outdated Drivers Are Slowing You DownFree scan - exact matches

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.