CSS-tools

Gratis CSS Printstijlen Generator

Genereer een printstylesheet om navigatie te verbergen, link-URLs te tonen en página-einden te vermijden.

Tool laden...

Wat is CSS Printstijlen Generator?

Een print-stylesheet is CSS in @media print die de pagina opmaakt bij afdrukken of PDF-opslag. Het moet navigatie, zijbalken en footers verbergen, URLs tonen na links, paginabreuk in tabellen en code voorkomen en marges instellen. Nuttig voor documentatie, recepten en artikelen.

Snel antwoord

Genereer een @media print blok dat navigatie verbergt, link-URLs toont, paginabreuken beheert en marges instelt. Essentieel voor schone afdrukken van artikelen en documentatie.

Last updated: 2026-06-11

Beperkingen

  • Paginabreukregels zijn hints, geen garanties.
  • Browser print-engines renderen CSS verschillend.
  • Printstijlen gelden alleen bij afdrukvoorbeeld.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Zo gebruik je deze tool

  1. Selecteer elementen om te verbergen bij afdrukken.
  2. Kies of URLs na links worden getoond.
  3. Stel marge- en paginagroottevoorkeuren in.
  4. Kopieer het @media print blok en test met afdrukvoorbeeld.

Waarvoor je het kunt gebruiken

  • Maak een receptpagina klaar voor schoon afdrukken.
  • Documentatie afdrukken met volledige link-URLs.
  • Facturen en checklists opmaken voor professionele uitvoer.

Gebruik

Praktische voorbeelden

Voorbeeld

Recept printstijlen

Een receptblog voegt printstijlen toe voor een schone receptkaart zonder koptekst en zijbalk.

Voorbeeld

Documentatie met URLs

Een documentatiesite print met uitgebreide link-URLs voor referentie op papier.

Veelgemaakte fouten

  • Alle afbeeldingen verbergen in plaats van alleen decoratieve.
  • display:none op alles toepassen zonder uitvoer te testen.
  • Geen page-break-inside:avoid op tabellen en codeblokken.

Verificatie

  1. Gebruik afdrukvoorbeeld in Chrome, Firefox en Safari.
  2. Sla op als PDF en vergelijk uitvoer op consistentie.

FAQ

Vragen over CSS Printstijlen Generator

Hoe test ik printstijlen?

Gebruik de browser afdrukvoorbeeld (Ctrl+P) of DevTools Rendering tab.

Printstijlen in apart bestand?

Beide werken: apart print.css of @media print in het hoofdstylesheet.

Welke elementen verbergen?

Navigatie, zijbalken, footer-widgets, comments, deelknoppen en nieuwsbriefformulieren.

Hoe ga ik om met paginabreuken?

Gebruik break-inside:avoid op codeblokken en afbeeldingen, break-before:always op grote koppen.

Gerelateerde tools

Meer css-tools

Css

CSS Carousel Generator

Generate native CSS carousel markup with scroll-snap, scroll buttons, scroll markers, and accessible list structure. No JavaScript required.

Open tool

Probeer ook

Probeer ook

Html

CSP Hash Generator

Genereer CSP-hashwaarden voor inline scripts en styles. Hash exacte code met SHA-256, SHA-384 of SHA-512.

Open tool