Internal-CSS

So geben Sie unter TYPO3 per TypoScript CSS-Befehle im HEAD-Bereich einer HTML-Seite aus und übersteuern andere Formatanweisungen eingebundener CSS-Dateien.

Definieren Sie ein PAGE-Objekt. Fügen Sie dort die Anweisung CSS_inlineStyle ein und weisen Sie Ihr die gewünschten CSS-Anweisungen zu.

Beispiel:

seite = PAGE
seite.CSS_inlineStyle (
    h1 { color: #067912; }
    h2 { color: green; }
)

Erwartet wird, dass die Ausgabe in folgender Form erfolgt:

<style type="text/css">
    h1 { color: #067912; }
    h2 { color: green; 
</style>

TYPO3 ist allerdings etwas eigensinnig. Es erzeugt daraus kein Inline-CSS, sondern eine weitere CSS-Datei, die als letzte eingebunden wird und so alle vorherigen CSS-Befehle übersteuern kann.

Wenn Sie die Formatanweisungen nur auf bestimmten TYPO3-Seiten ausgeben möchten, so sieht der Code folgendermaßen aus:

[PIDinRootline=13,34]
seite = PAGE
seite.CSS_inlineStyle (
    h1 { color: #067912; }
    h2 { color: green; }
)
[end]