CSS und Drucker, Zukunftsmusik: Kopf- und Fußzeilen

[Raketenwilli]

Gleich noch eine weitere Frage:
Wie kann ich einen Kopf und einen Fuß auf jeder Druckseite darstellen lassen?

Ich hab mal die Spec bezüglich @page gequält. Im „Editor’s Draft, 24 May 2022“ finde ich ein Beispiel welches passen könnte:

h1 { break-before: left }

@page :blank {
  @top-center { content: none }
}

@page :right {
  @top-center { content: "Preliminary edition" }
  @bottom-center { content: counter(page) }
}

Das ließe sich wohl noch um ein

@page :left {
  @top-center { content: "Preliminary edition" }
  @bottom-center { content: counter(page) }
}

ergänzen. Oder man verzichtet auf die Pseudoklassen…

Weitere Anhaltspunkte, ebenda, Punkt 3.1: Page Backgrounds and Painting Order - dort wird auch @top-left, @top-right, @bottom-left und @bottom-right freundlich erwähnt.

Ich bin auf das Ergebnis Deiner Versuche gespannt.

• Denn „can i use“ kennt „@top-center“ und so weiter noch nicht… - ich glaube daher, das ist „Zukunftsmusik“. Es kann aber sein, das der eine oder andere sehr aktuelle Browser (oder einer aus dem jeweiligen Testing-Bereich) das dennoch schon kann.