9.2 CSS-Styles in den Seitenkopf einbinden

Problem

Sie wollen die Layoutformatierungen durch die Verwendung von CSS von den eigentlichen Inhalten trennen. Dazu müssen Sie Referenzen auf CSS-Dateien oder CSS-Deklarationen in den Kopf Ihrer Website einbinden.

TypoScript-Setup

Im TypoScript-Setup können Sie diese drei Eigenschaften jeweils unterhalb der einzelnen Elemente von includeCSS verwenden.

So können Sie headerData nutzen, um ein solches Stylesheet, mit einem Conditional Comment versehen, einzubinden:

Das folgende Beispiel verwendet die levelmedia-Eigenschaft, um ein in den Seiteneigenschaften hinterlegtes Bild als Hintergrundbild in eine CSS-Deklaration für den -Tag einzubinden: