CSS size – Referenz, Beispiel und Labor

stylesheet.css · size

.probe {
  size: A4;
}

Dies ist der 1. Absatz. Er steht in einer Box, deren Stil die Regel links oben bestimmt.

berechneter Wertsize: A4

Box-Breite–

Box-Höhe–

Erläuterungen

Die Eigenschaft size legt die Seitengröße und Orientierung des Druckausgabemediums fest. Die für den Ausdruck verwendete Fläche lässt sich absolut durch eine oder zwei Längenangaben oder relativ durch Schlüsselworte positionieren.

Hinweis:
Diese Eigenschaft wird nicht in CSS 2.1 übernommen.

Erlaubte Werte

Auszug aus der Spezifikation (die verwendete Syntax wird im Artikel CSS-Wertesyntax genauer erläutert):

'size'
<length>{1,2} | auto | portrait | landscape | inherit

length: Ein oder zwei Längenangaben, die die absolute Breite und Höhe der Druckfläche innerhalb das Ausgabemediums bestimmen. Wenn nur eine Angabe vorhanden ist, wird diese als Seitenlänge einer quadratischen Fläche interpretiert.
auto (Ausgangswert): Die für den Ausdruck benutzte Fläche paßt sich automatisch der Seitengröße an.
portrait: Behält die gegebenen Seitenlängen bei, dreht aber den Inhalt, so dass die längeren Seiten vertikal (rechts und links) sind.
landscape: Behält die gegebenen Seitenlängen bei, dreht aber den Inhalt, so dass die längeren Seiten horizontal (oben und unten) sind.
inherit: Bestimmt explizit, dass diese Eigenschaft denselben berechneten Wert wie im Elternelement annimmt.

Code-Beispiel

@page { size: 29.7cm 21cm; margin:2cm; }

Browserunterstützung

: Die Unterstützung der Eigenschaften zur Drucksteuerung ist zur Zeit noch zu lückenhaft für die Produktion, sodass sich eine detaillierte Erläuterung noch nicht lohnt. Es sind aber andererseits auch keine negativen Auswirkungen dieser Eigenschaften bekannt.

Wechselwirkungen

@page

Fläche, Papier und der quadratische Sonderfall

Die Eigenschaft beschreibt die Seitenbox, also die Fläche, die das Anwenderprogramm für eine Seite ansetzt, nicht das Papier im Drucker. Beide müssen nicht übereinstimmen; ist die angegebene Fläche kleiner als das Papier, bleibt Rand, ist sie größer, muss verkleinert oder beschnitten werden.

Zwei Längenangaben bestimmen Breite und Höhe. Eine einzelne Angabe wird als Kantenlänge eines Quadrats gelesen, was in der Praxis kaum jemand beabsichtigt und leicht zu einer unerwarteten Ausgabe führt. Wer size: 21cm schreibt in der Annahme, damit nur die Breite zu setzen, bekommt eine quadratische Seite von 21 Zentimetern Kantenlänge.

portrait und landscape verändern die Maße nicht, sondern drehen den Inhalt in der gegebenen Fläche. Der Ausgangswert auto überlässt beides dem Anwenderprogramm, das sich am eingelegten Papier orientiert.

Gestrichen und wiedergekommen

Der Hinweis auf dieser Seite, die Eigenschaft werde nicht in CSS 2.1 übernommen, beschreibt einen Zwischenstand. CSS 2.1 hat die aufwendigeren Teile des Seitenmodells herausgenommen, um den Standard auf das zu beschränken, was Browser tatsächlich umsetzten. Das betraf neben dieser Eigenschaft auch marks und page.

Herausgenommen hieß aber nicht aufgegeben. Das Seitenmodell wurde als eigenes Modul weitergeführt, und dort ist die Eigenschaft geblieben, erweitert um die Möglichkeit, ein Papierformat mit Namen zu nennen statt in Zentimetern, und um die Kombination aus Format und Ausrichtung in einer Angabe.

Von den drei damals gestrichenen Eigenschaften ist diese die einzige, die es zurück in die Browser geschafft hat. Sie gehört heute zu den Angaben, mit denen sich ein Ausdruck aus einem Dokument heraus sinnvoll steuern lässt, während die Marken den eigens für den Satz gebauten Programmen vorbehalten geblieben sind.

Wo die Angabe steht

Die Eigenschaft gehört in die At-Regel für Seiten und nicht an ein Element. Das unterscheidet sie von fast allem anderen in dieser Referenz: sie hat keinen Selektor, sondern beschreibt einen Rahmen, in den das Dokument gegossen wird.

Zusammen mit der Eigenschaft page lassen sich mehrere solcher Rahmen benennen und einzelnen Elementen zuweisen. Der übliche Fall ist eine breite Tabelle, die quer gedruckt werden soll, während der übrige Text hochkant bleibt. Das Beispiel auf der Seite zu page zeigt genau diese Aufteilung.

Sinnvoll ist die Angabe nur im Stylesheet für das Druckmedium. Am Bildschirm gibt es keine Seitenbox, und eine At-Regel für Seiten hat dort keine Wirkung. Sie stört zwar nicht, gehört aber in den Abschnitt, zu dem sie inhaltlich passt.

Zu bedenken ist außerdem, dass der Nutzer im Druckdialog das letzte Wort hat. Er wählt Papierformat, Ausrichtung und Skalierung, und was dort eingestellt ist, kann eine Angabe im Stylesheet überstimmen oder mit ihr in Konflikt geraten. Die Eigenschaft beschreibt einen Wunsch des Dokuments, keine Zusicherung über das Ergebnis.

Besonderheiten im Medientyp `handheld`

Diese Eigenschaft ist nicht Teil des Standards CSS Mobile Profile 1.0. Mobilgeräte, deren Browser diese Eigenschaft umsetzen, sind bisher nicht bekannt.

Weitere Charakteristika

Die Stylesheet-Schnellreferenz mit einer Zusammenfassung aller visuellen Eigenschaften kann auch als PDF-Datei herunter geladen werden.

Ausgangswert: auto
Berechneter Wert: Nicht definiert
Vererbung: Nicht zutreffend
Anwendbarkeit: Im Seiten-
Kontext
%-Bezugswert: Nicht zutreffend
Mediengruppe(n): Visual, Seiten

Verwendete Standards

Dieser CSS-Referenz liegen folgende Spezifikationen zugrunde: CSS 1, CSS 1 Errata, CSS 2.

CSS-Eigenschaft size