Übersicht
Die @page CSS At-Regel wird verwendet, um einige CSS Eigenschaften zu ändern, wenn ein Dokument gedruckt wird. Es können nicht alle CSS Eigenschaften mit @page geändert werden. Es können nur Seitenränder, Schusterjungen, Hurenkinder und Seitenumbrüche des Dokuments verändert werden. Versuche, andere CSS Eigenschaften zu ändern, werden ignoriert.
Die @page At-Regel kann über die CSS Objektmodellschnittstelle CSSPageRule angesprochen werden.
Hinweis: Das W3C diskutiert, wie die viewportbezogenen
<length> Einheiten, vh, vw, vmin, und vmax gehandhabt werden sollen. Bis dahin sollten diese nicht in einer @page At-Regel verwendet werden.Syntax
Deskriptoren
size- Bestimmt die Zielgröße und -ausrichtung des den Seitenbereich beinhaltenden Blocks. Im allgemeinen Fall, in dem ein Seitenbereich auf einer Seitenpostille dargestellt wird, gibt sie auch die Größe der Zielseitenpostille an.
marks- Fügt dem Dokument Schneide- und/oder Registrierungsmarker hinzu.
bleed- Gibt den Überhang über den Seitenbereich an, bei dem die Darstellung der Seite abgeschnitten wird.
Formale Syntax
@page <page-selector-list> {
<group-rule-body>
}
Beispiele
Bitte lies die verschiedenen Pseudoklassen von @page für Beispiele.
Spezifikationen
| Spezifikation | Status | Kommentar |
|---|---|---|
| CSS Logical Properties Level 1 Die Definition von ':recto und :verso' in dieser Spezifikation. |
Bearbeiterentwurf | Fügt die :recto und :verso Seitenselektoren hinzu. |
| CSS Paged Media Module Level 3 Die Definition von '@page' in dieser Spezifikation. |
Arbeitsentwurf | Keine Änderung bzgl. CSS Level 2 (Revision 1), es können jedoch mehr CSS At-Regeln innerhalb @page verwendet werden. |
| CSS Level 2 (Revision 1) Die Definition von '@page' in dieser Spezifikation. |
Empfehlung | Ursprüngliche Definition |
Browser Kompatibilität
| Merkmal | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Grundlegende Unterstützung | 2.0 | 19.0 (19.0) | 8.0 | 6.0 | 5.0 |
| Merkmal | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Grundlegende Unterstützung | ? | 19.0 (19.0) | ? | ? | ? |