Lösung

In diesem Beispiel soll per Selectfeld layout eine Hintergrundfarbe und per Selectfeld section_frame (Einrückung und Rahmen) ein Padding gesetzt werden. Natürlich kann man weitere Kombinationen konfigurieren. Zum beispiel Kacheln, Gids usw..

Per Seiten-TSconfig werden die gewünschten Bedingungen gesetzt. Per Typoscript die Bedingungen in CSS-Styled Content hinzugefügt.

TCEFORM {
  tt_content {
    layout {
      removeItems =
      altLabels {
        0 = Normal
        1 = Background: Blau
        2 = Background: Orange
        3 = Background: Grün
      }
      addItems {
        4 = Background: Grau
      }
    }
    section_frame {
      removeItems = 1,5,6,10,11,12,21,20
      altLabels.0 = Content Element: Standard (ohne Padding)
      altLabels.66 = Content Element: Kein Container
      addItems.31 = Content Element: Mit Padding
    }
  }
}

Page TSconfig Rootseite

tt_content.stdWrap {
  innerWrap.cObject {
    default {
      20 {
        10.value = contentElement contentElement-noPadding
        15 = CASE
        15 {
          key.field = layout
          default = TEXT
          default {
            value =
            insertData = 1
          }
          1 < .default
          1.value = color-{field:layout}
          2 < .1
          3 < .1
          4 < .1
          5 < .1
        }
      }
    }
    31 = < tt_content.stdWrap.innerWrap.cObject.default
    31.20.10.value = contentElement contentElement-padding
  }
}

Typoscript CSS Styled Content

Viel Spaß mit den Kombinationsmöglichkeiten.