(paged media)
Daß man Angaben füe seitenorientierte Ausgaben gebrauchen kann, leuchtet ein. Fast jeder hat sich schon über vermurkste Ausdrucke von Webseiten geärgert, bei denen die Druckerroutinen mit den Eingaben einfach nicht zurecht kamen. Dem Autor eines Dokuments einen gewissen Einfluß auf den späteren Ausdruck einzuräumen, ist vernünftig.
Die Angaben zur Seitengestaltung erfolgen mit:
Es gibt einige Besonderheiten zu beachten. Anders als bei "normalen" Seitenelementen gibt es hier keine border und kein padding. Der eigentliche Seitenrand heißt margin.
| CSS-Attribut | Möglichkeiten zur Seitengestaltung | Beispiel |
|---|---|---|
| margin margin-bottom margin-left margin-right margin-top | Abstände zwischen gedachtem Seitenrand und Druckbereich. Seite meint hier den gesamten Druckbereich, das könnten pro Papierseite mehrere Druckseiten sein. Es sind ein bis vier Angaben zu margin möglich. Trennung der Einzelmaße erfolgt durch Leerzeichen. Eine Angabe bedeutet Abstand ringsum. Zwei: Erste Zahl steht für oben und unten, zweite für rechts und links. Drei Angaben: Erste Zahl steht für oben, zweite für rechts und links und dritte für unten. Vier Angaben werden im Uhrzeigersinn realisiert. Alternativ können auch die Ränder einzeln bemessen werden. | |
| size | Veraltet, in CSS2.1 gestrichen. Die Größenangabe mit den möglichen Angaben: Zahlwerte (Breite, Höhe), auto, portrait, landscape, inherit Wichtig: Die Seite erbt keine Schriftmerkmale. Damit fallen die auf Schriftgrößen bezogenen relativem Maße wie em, ex hier aus. | @page {size: 210mm 297mm; margin: 9% } Die Prozentangabe bezieht sich auf die angegebene Seitengröße |
| marks | Veraltet, in CSS2.1 gestrichen. Meinte hier so etwas wie "Druckmarken" also Zeichen, die das Beschneiden (crop) und die gegenseitige Positionierung (cross) aufeinanderfolgender Seiten ermöglichen sollen. Werte sind: crop, cross none, inherit | |
| :left :right | Pseudoklassen zur Adressierung rechter und linker Seiten | @page:left{margin-left:3cm} @page:right{margin-right:3cm} |
| page-break-before page-break-after page-break-inside | Wo sollen Seitenumbrüche hin: auto, always, avoid, left, right, inherit. Dies ist anwendbar aud Block-Elemente. | div.kapitel{ page-break-before:always } |
| page | Veraltet, in CSS2.1 gestrichen. Zur Spezifizierung einer speziellen Seite bzw. Seitenart Angabe von Name oder auto. | @page rotated { size:landscape } table { page:rotated } |
| orphans widows | orphan (im deutschen Gebrauch Schusterjungen) meint kleinste Zeilenzahl eines Paragraphen, die am Ende einer Seite hinterlassen werden kann. widows (Witwen) sind entsprechend die Zeilen auf der Folgeseite | div.kapitel{ page-break-before:always } |
In der rechten Spalte stehen die Aufrufe. Die meisten sind mit dem <span>-Tag erfolgt.