CSS-Klasse

Tabellen Layout mit Cascading Style Sheets (CSS)

Mit der Angabe einer CSS-Klasse beim Feld CSS-Klasse für die Tabelle kann die Darstellung einer Tabelle verändert werden.

Folgende CSS-Klassen sind möglich:

flex = flexible Spalten (default ist der Wert: auto)
c0-l =Spalte 0 Linksbündig (Spalte 0 ist eigentlich die 1.Spalte)
c0-r =Spalte 0 Rechtsbündig
c0-c = Spalte 0 Zentriert
c0-lb = Spalte 0 Linksbündig und Fett
c0-rb = Spalte 0 Rechtsbündig und Fett
c0-cb = Spalte 0 Zentriert und Fett

c1-l = Spalte 1 Linksbündig
c1-r = Spalte 1 Rechtsbündig
.... usw..... bis
c9-lb = Spalte 10 Linksbündig und Fett

die letzte Spalte wird immer mit "last" angesteuert, dh
last-l = letzte Spalte Linksbündig
last-r = letzte Spalte Rechtsbündig
last-c = letzte Spalte Zentriert
last-lb = letzte Spalte Linksbündig und Fett
last-rb = letzte Spalte Rechtsbündig und Fett
last-cb = letzte Spalte Zentriert und Fett

Sie haben also für jede Spalte 6 verschiedene Gestaltungsmöglichkeiten, die sich beliebig kombinieren lassen:
Beispiel: "flex c0-lb c1-c c2-c c3-c c4-c c5-c c6-c last-rb"

Übersicht der Klassen einer Tabelle mit 6 Spalten:
flex
c0-l,c0-r,c0-c,c0-lb,c0-rb,c0-cb
c1-l,c1-r,c1-c,c1-lb,c1-rb,c1-cb
c2-l,c2-r,c2-c,c2-lb,c2-rb,c2-cb
c3-l,c3-r,c3-c,c3-lb,c3-rb,c3-cb
c4-l,c4-r,c4-c,c4-lb,c4-rb,c5-cb
c5-l,c5-r,c5-c,c5-lb,c5-rb,c5-cb
c6-l,c6-r,c6-c,c6-lb,c6-rb,c6-cb
c7-l,c7-r,c7-c,c7-lb,c7-rb,c7-cb
c8-l,c8-r,c8-c,c8-lb,c8-rb,c8-cb
c9-l,c9-r,c9-c,c9-lb,c9-rb,c9-cb
last-l,last-r,last-c,last-lb,last-rb,last-cb

 

 
TYPO3 Agentur