size
Baseline
2024
Newly available
Since December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Der size CSS At-Regel-Descriptor, verwendet mit der @page At-Regel, definiert die Größe und die Ausrichtung des Kastens, der zur Darstellung einer Seite genutzt wird. In den meisten Fällen entspricht diese Größe der Zielgröße der gedruckten Seite, falls zutreffend.
Die Größe kann entweder mit einem "skalierbaren" Schlüsselwort definiert werden (in diesem Fall füllt die Seite die verfügbaren Dimensionen aus) oder mit absoluten Abmessungen.
Syntax
/* Keyword values for scalable size */
size: auto;
size: portrait;
size: landscape;
/* <length> values */
/* 1 value: height = width */
size: 6in;
/* 2 values: width then height */
size: 4in 6in;
/* Keyword values for absolute size */
size: A4;
size: B5;
size: JIS-B4;
size: letter;
/* Mixing size and orientation */
size: A4 portrait;
Werte
auto-
Der Benutzeragent entscheidet über die Größe der Seite. In den meisten Fällen werden die Dimensionen und die Ausrichtung des Zielblatts verwendet.
landscape-
Der Inhalt der Seite wird im Querformat angezeigt (d.h. die längste Seite des Kastens ist horizontal).
portrait-
Der Inhalt der Seite wird im Hochformat angezeigt (d.h. die längste Seite des Kastens ist vertikal). Dies ist die Standardausrichtung.
<length>-
Jeder Längenwert (siehe
<length>). Der erste Wert entspricht der Breite des Seitenkastens und der zweite Wert entspricht der Höhe. Wenn nur ein Wert angegeben wird, wird dieser sowohl für Breite als auch für Höhe verwendet. <page-size>-
Ein Schlüsselwort, das einen der folgenden Werte haben kann:
- A5
-
Dies entspricht den standardmäßigen ISO-Abmessungen: 148mm x 210mm.
- A4
-
Dies entspricht den standardmäßigen ISO-Abmessungen: 210mm x 297mm. (am häufigsten verwendete Abmessungen für persönlichen Druck.)
- A3
-
Dies entspricht den standardmäßigen ISO-Abmessungen: 297mm x 420mm.
- B5
-
Dies entspricht den standardmäßigen ISO-Abmessungen: 176mm x 250mm.
- B4
-
Dies entspricht den standardmäßigen ISO-Abmessungen: 250mm x 353mm.
- JIS-B5
-
Dies entspricht den JIS-Standardabmessungen: 182mm x 257mm.
- JIS-B4
-
Dies entspricht den JIS-Standardabmessungen: 257mm x 364mm.
- letter
-
Dieses Schlüsselwort ist ein Äquivalent zu den Abmessungen von Briefpapier in Nordamerika, d.h. 8.5in x 11in.
- legal
-
Dieses Schlüsselwort ist ein Äquivalent zu den Abmessungen von Legal-Papieren in Nordamerika, d.h. 8.5in x 14in.
- ledger
-
Dieses Schlüsselwort ist ein Äquivalent zu den Abmessungen von Ledger-Seiten in Nordamerika, d.h. 11in x 17in.
Formale Definition
| Zugehörige @-Regel | @page |
|---|---|
| Anfangswert | auto |
| Berechneter Wert | relativ zur gleichen Achse der Innenabstandsbox des Scrollcontainers |
Formale Syntax
size =
<length [0,∞]>{1,2} |
auto |
[ <page-size> || [ portrait | landscape ] ]
Beispiele
Größe und Ausrichtung angeben
@page {
size: A4 landscape;
}
Eine benutzerdefinierte Größe angeben
@page {
size: 4in 6in;
}
In eine @media-Regel verschachteln
@media print {
@page {
size: 50mm 150mm;
}
}
Spezifikationen
| Specification |
|---|
| CSS Paged Media Module Level 3 # page-size-prop |
Browser-Kompatibilität
Loading…