Detaillierte Erläuterung der Verwendung und Definition von CSS @page

Syntax:

page : auto | pagetype

Parameter:

auto: Verweisen Sie auf die aktuelle Standardseite
pagetype: Geben Sie eine Seitentypdefinition (pagetype) in der @page an Regel

Beschreibung:

Rufen Sie den Seitentyp (Seitentyp) ab, der beim Anzeigen des Objektcontainers verwendet wird, oder geben Sie ihn an. Siehe @page-Regeln.
Die entsprechende Skriptfunktion ist Seite. Bitte sehen Sie sich andere Bücher an, die ich geschrieben habe.

Beispiel:

@page doublepage { size: 8.5in 11in; page-break-after: left }
body { page: doublepage; page-break-after: right }

Legen Sie das Layout, die Richtung, den Rand usw. des Seitencontainers fest.
Der Seitencontainer umfasst den Seiteninhaltsbereich und den Randbereich, der den Inhaltsbereich umgibt.

Beispiel:

@page thin:first { size: 3in 8in }

Sie können es in Dreamweaver ausprobieren, um detaillierte Effekte zu erzielen.

@page-Regel wählt das Seitenfeld aus. Darin können Designer die Größe, das Layout, die Ausrichtung und die Ränder jeder Seite festlegen. Der Seitenrahmen ist ein rechteckiger Bereich, etwa so groß wie eine gedruckte Seite, der den Seitenbereich und die Ränder enthält. Der Seitenbereich umfasst den anzuzeigenden Inhalt. Der Rand der Box dient als Container, und das Seitenlayout liegt zwischen den -Seitenumbrüchen und -Zeichen. Im Gegensatz zu anderen Boxen haben Seitenboxen keine Randlinien oder Kanten, sondern nur Ränder.
Die @page-Regel wählt jede Seite im Dokument aus. Sie können eines der folgenden Seiten--Pseudoklassen--Attribute verwenden: erstens :left oder :right, um für jede Seitenklasse unterschiedliche Attribute anzugeben.
Da die @page-Regel den Inhalt der Seite, die die Schriftart enthält, nicht kennt, kann sie die Abmessungen in em und ex nicht verstehen. Alle anderen Maßeinheiten (einschließlich Prozentangaben) sind akzeptabel. Der zum Festlegen der Ränder verwendete Prozentsatz ist auch ein Prozentsatz des gesamten Seitenrahmens. Ränder können negativ sein und Inhalte außerhalb des Bereichs platzieren, der normalerweise für Anwendungen oder Drucker zugänglich ist. In den meisten Fällen bleiben nur Informationen im sichtbaren oder druckbaren Bereich erhalten.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung und Definition von CSS @page. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!