@page
Ü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, Absatzkontrolle — oben (widow); unten (orphans) — 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.
<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
(en-US)- 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> { <page-body> }wobei
<page-selector-list> = [ <page-selector># ]?
<page-body> = <declaration>? [ ; <page-body> ]? | <page-margin-box> <page-body>wobei
<page-selector> = <pseudo-page>+ | <ident> (en-US) <pseudo-page>*
<page-margin-box> = <page-margin-box-type> '{' <declaration-list> '}'wobei
<pseudo-page> = : [ left | right | first | blank ]
<page-margin-box-type> = @top-left-corner | @top-left | @top-center | @top-right | @top-right-corner | @bottom-left-corner | @bottom-left | @bottom-center | @bottom-right | @bottom-right-corner | @left-top | @left-middle | @left-bottom | @right-top | @right-middle | @right-bottom
Beispiele
Bitte lies die verschiedenen Pseudoklassen von @page
für Beispiele.
Spezifikationen
Spezifikation | Status | Kommentar |
---|---|---|
CSS Logical Properties and Values 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
BCD tables only load in the browser