> 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:](https://drafts.csswg.org/css-page-3/#blank-pseudo) ~~~CSS 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 ~~~CSS @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](https://drafts.csswg.org/css-page-3/#painting) - 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…](https://caniuse.com/?search=%40top-center) - 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.

> 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:](https://drafts.csswg.org/css-page-3/#blank-pseudo) ~~~CSS 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 ~~~CSS @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](https://drafts.csswg.org/css-page-3/#painting) - 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…](https://caniuse.com/?search=%40top-center) - ich glaube daher, das ist „Zukunftsmusik“. Es kann aber sein, dass der eine oder andere *sehr* aktuelle Browser (oder einer au dem jeweiligen Testing-Bereich) das dennoch schon kann.

> 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:](https://drafts.csswg.org/css-page-3/#blank-pseudo) ~~~CSS 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 ~~~CSS @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](https://drafts.csswg.org/css-page-3/#painting) - dort wird auch @top-left, @top-right, @bottom-left und @bottom-right freundlich erwähnt. **Ich bin auf das Ergebnis Deiner Versuche gespannt.** * [„can i use“ kennt @top-center und so weiter noch nicht…](https://caniuse.com/?search=%40top-center) - ich glaube daher, das ist „Zukunftsmusik“.

> 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:](https://drafts.csswg.org/css-page-3/#blank-pseudo) ~~~CSS 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 ~~~CSS @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](https://drafts.csswg.org/css-page-3/#painting) - dort wird auch @top-left, @top-right, @bottom-left und @bottom-right freundlich erwähnt. **Ich bin auf das Ergebnis Deiner Versuche gespannt.** * [„can i use“ kennt @top-center und so weiter noch nicht…](https://caniuse.com/?search=%40top-center) - ich glaube daher, das ist „Zukunftsmusik“.

> 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. [Hier finde ich ein Beispiel welches passen könnte:](https://drafts.csswg.org/css-page-3/#blank-pseudo) ~~~CSS 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 ~~~CSS @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](https://drafts.csswg.org/css-page-3/#painting) - dort wird auch @top-left, @top-right, @bottom-left und @bottom-right freundlich erwähnt. **Ich bin auf das Ergebnis Deiner Versuche gespannt.** * [„can i use“ kennt @top-center und so weiter noch nicht…](https://caniuse.com/?search=%40top-center)

> 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. [Hier finde ich ein Beispiel welches passen könnte:](https://drafts.csswg.org/css-page-3/#blank-pseudo) ~~~CSS 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 ~~~CSS @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](https://drafts.csswg.org/css-page-3/#painting) **Ich bin auf das Ergebnis Deiner Versuche gespannt.**

> 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. [Hier finde ich ein Beispiel welches passen könnte:](https://drafts.csswg.org/css-page-3/#blank-pseudo) ~~~CSS 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 ~~~CSS @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](https://drafts.csswg.org/css-page-3/#painting) **Ich bin auf das Ergebnis Deiner Versuche gespannt.**

> 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. [Hier finde ich ein Beispoiel welches passen könnte:](https://drafts.csswg.org/css-page-3/#blank-pseudo) ~~~CSS 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 ~~~CSS @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](https://drafts.csswg.org/css-page-3/#painting) **Ich bin auf das Ergebnis Deiner Versuche gespannt.**