Tipps und Tricks » Drucken mit HTML und CSS

Druckaufbereitung von HTML-Seiten mit CSS

Grundsätzlich kann jede HTML-Seite über die Funktionalität  des Browsers ausgedruckt werden. Nun unterscheidet sich allerdings ein Browser ganz erheblich von einem Blatt Papier, vor allem aber von mehreren Blättern Papier. Aber auch dafür halten HTML und CSS spezielle Techniken bereit.

Zu diesen Techniken gehören absolute Längenmaße wie mm oder Zoll, aber auch die aus der Typographie bekannten Einheiten Pica und Punkt.

CSS

Papierformat

@page {
  size: 21cm 29.7cm;              /* Papierformat */
  margin: 30mm 45mm 30mm 45mm;    /* Seitenränder*/
}

HTML / JavaScript

 

Nützliche Links

CSS/Wertetypen/Zahlen, Maße und Maßeinheiten

Designing For Print With CSS

w3c: Paged Media

 

Powered by Etomite CMS.