Zum Inhalt springen

Print-Stylesheet

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 18.10.2026

Ein Print-Stylesheet enthält eigene Regeln für den Ausdruck. Ein paar Zeilen genügen, damit eine Seite auf Papier brauchbar aussieht.

Print-Stylesheet

Regeln, die nur beim Drucken gelten.
Beispiel: „Ein Print-Stylesheet steht in einer Media Query für das Medium print.“

Was sich lohnt

@media print {
  nav, footer, .cta { display: none; }
  a[href^='http']::after { content: ' (' attr(href) ')'; }
  body { font-size: 11pt; color: #000; }
}

Navigation und Werbeflächen ausblenden, Links sichtbar machen, weil ein Klick auf Papier nicht funktioniert, und auf dunkle Schrift auf hellem Grund umstellen. Für Rechnungen, Anleitungen und Rezepte ist das ein spürbarer Unterschied.

Wer das braucht

Weniger Branchen, als man denkt, aber einige sehr deutlich: Arztpraxen, Handwerk, Behörden, alles mit Formularen. Dort wird gedruckt, und eine Seite, die auf Papier drei Seiten Navigation ausgibt, fällt sofort auf.

Siehe auch:

At-Regeln (@media, @import, @font-face)

Regeln mit Klammeraffe, die Bedingungen setzen oder etwas einbinden.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Stylesheet

Die Sammlung der Regeln, mit denen eine Website gestaltet wird.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

CSS

Die Sprache, in der das Aussehen einer Website beschrieben wird.

#Frontend-Entwicklung (HTML, CSS, JavaScript)