CSS-Referenz
10. Seiten-Layout und -umbruch
- 10.1 @page (entfernt in 2.1)
- 10.2 size (entfernt in 2.1)
- 10.3 marks (entfernt in 2.1)
- 10.4 page-break-after
- 10.5 page-break-before
- 10.6 page-break-inside
- 10.7 orphans
- 10.8 widows
Diese Gruppe von Eigenschaften war für die seitenbasierte Ausgabe von Inhalten gedacht, wie zum Beispiel für den Druck oder für Folien.
Leider mangelt es auch hier an durchgängiger Unterstützung, so dass viele der Eigenschaften wieder aus der Spezifikation entfernt wurden. Daher wird diese Gruppe hier nur kurz skizziert.
10.1 @page
Definiert ein Seiten-Layout [CSS2].
Beispiel:
@page :left { /* Angaben zum Seiten-Layout */}
Seitentyp | :left | :right | :first | Bezeichner (nur CSS2) |
Eigenschaften | margin | size | marker (nur CSS2) |
Die Werte :left, :right
und :first
ermöglichen die Unterscheidung einer linken, rechten oder einer ersten Seite.
Die Werte size
und marker
sowie der Bezeichner für den Seitentyp wurden aus der CSS2.1-Spezifikation wieder entfernt.
10.2 size
Dient der Festlegung von Seitengröße oder -ausrichtung [nur CSS2].
Diese Eigenschaft wurde mit der CSS2.1-Spezifikation wieder entfernt.
10.3 marks
Ermöglicht die Ausgabe von Markierungen außerhalb des Content-Bereichs einer Seite [nur CSS2].
Diese Eigenschaft wurde mit der CSS2.1-Spezifikation wieder entfernt.
10.4 page-break-after
Kontrolliert Seitenumbruch nach Blockelementen [CSS2].
Beispiel:
h1 {page-break-after: avoid;}
Werte | auto | always | avoid | left | right | inherit |
Default | auto |
Vererbt | nein |
10.5 page-break-before
Kontrolliert Seitenumbruch vor Blockelementen [CSS2].
Beispiel:
h1 {page-break-before: always;}
Werte | auto | always | avoid | left | right | inherit |
Default | auto |
Vererbt | nein |
10.6 page-break-inside
Kontrolliert Seitenumbruch innerhalb von Blockelementen [CSS2].
Beispiel:
p.hinweis {page-break-inside: avoid;}
Werte | avoid | auto | inherit |
Default | auto |
Vererbt | ja |
auto
– Seitenumbrüche werden automatisch berechnet;always
– ein Seitenumbruch vor oder nach dem Block wird erzwungen;avoid
– Seitenumbrüche vor, nach oder innerhalb eines Blocks sollten vermieden werden;left
– die folgende Seite ist eine linke seite;right
– die folgende Seite ist eine rechte Seite.
10.7 orphans
Bereichswert für „Hurenkinder” [CSS2].
Beispiel:
p {orphans: 4;}
Werte | Zahlenwert | inherit |
Default | 2 |
Vererbt | ja |
Der Wert legt fest, wie viele Zeilen des Absatzes auf der folgenden Seite mindestens erscheinen müssen.
10.8 widows
Bereichswert für „Schusterjungen” [CSS2].
Beispiel:
p {widows: 4;}
Werte | Zahlenwert | inherit |
Default | 2 |
Vererbt | ja |
Der Wert legt fest, wie viele Zeilen des Absatzes auf der vorangehenden Seite mindestens verbleiben müssen.