Abstände
Padding und Margin in top, bottom, start, end — global an jedem Inhaltselement steuerbar über das Feld tx_t3b_spacing.
Sieben Stufen-Skala (none / xs / s / m / l / xl / xxl) entsprechen 0 / 0.25 / 0.5 / 1 / 1.5 / 3 / 6 rem. Werte sind über Site-Settings überschreibbar (t3bcore.spacing.step.<key>.rem).
Die Klassen t3b-pt-*, t3b-pb-*, t3b-ps-*, t3b-pe-*, t3b-mt-*, t3b-mb-* werden automatisch auf das Element gesetzt. Die SpacingAssetsMiddleware erzeugt das passende CSS zur Laufzeit aus der Spacing.yaml-Konfiguration.
Inhalt dieser Seite
Padding-Skala
Sieben Demo-Elemente, jeweils nur padding_top + padding_bottom gesetzt. Blau gestrichelt = Element-Frame (inkl. Padding), grün = Inhaltsbereich. Was zwischen blauer und grüner Linie liegt, ist das Padding.
padding: none
padding: xs · 0.25rem
padding: s · 0.5rem
padding: m · 1rem
padding: l · 1.5rem (default)
padding: xl · 3rem
padding: xxl · 6rem
Margin-Skala
Margin liegt außerhalb des Elements und wirkt als Abstand zum Nachbarn. Padding intern, Margin extern.
mt: none, mb: none
mt: s · 0.5rem
mt: m · 1rem
mt: l · 1.5rem
mt: xl · 3rem
mt: xxl · 6rem
Seiten — top / right / bottom / left
Pro Seite einzeln steuerbar. padding_right und padding_left heißen frontendseitig t3b-pe-* (end) und t3b-ps-* (start) — logisch statt physisch, damit RTL-Layouts funktionieren.
Nur padding_top: xxl
Nur padding_bottom: xxl
Nur padding_left: xxl (Start)
Nur padding_right: xxl (End)
Backend
Im TYPO3-Backend erscheint das Feld als kompakter Stepper im Tab Erscheinungsbild → Spacing: vier Padding-Stufen (oben/rechts/unten/links) und zwei Margin-Stufen (oben/unten), pro Achse mit ±-Buttons zwischen den sieben Stufen.
Die Defaults pro CType liegen in EXT:t3b_core/Configuration/Yaml/Spacing.yaml, projektspezifische Overrides in config/sites/<site>/spacing.yaml. Erste und letzte CE in einer Spalte erhalten zusätzlich positionale Overlays (Reset für den Außenabstand).