Über das „Layout“-Feld kann man recht einfach beliebige CSS-Klassen um ein Inhaltselement legen.

PageTSconfig

## Layout-Feld erweitern
TCEFORM.tt_content.layout {
  ## ggf. Eintraege entfernen
  ## removeItems = 0,1,2,3
  addItems.100 = Blaue Box
  addItems.110 = Roter Rahmen
  addItems.120 = Blauer Rahmen, weisser Hintergrund (Test)
}

Die Bezeichnungen sind frei wählbar.

TypoScript für CSS_Styled_Content

tt_content.stdWrap.innerWrap.cObject.default.20.10.noTrimWrap = || layout-{field:layout} |
tt_content.stdWrap.innerWrap.cObject.default.20.10.insertData = 1

Fluid_Styled_Content ab TYPO3 7.5

Bei Verwendung von Fluid_Styled_Content müssen die Template-Dateien der Content Elemente in /typo3/sysext/fluid_styled_content/Resources/Private/Templates/Content/ angepasst werden (bzw. per Fallback eine Kopie dieser Datei angesprochen werden). Das äussere Div

Zeile 2:

<div id="c{data.uid}" class="layout-{data.layout}">