Attribute der Tabellenbefehle
Attribute des Tags <table>
Mit den folgenden Attributen könne Sie das Aussehen der Tabelle beeinflussen.
Attribut | Wert | Bedeutung |
---|---|---|
border |
Pixel | Rahmenstärke |
cellspacing |
Pixel | Dicke der Gitternetzlinien |
cellpadding |
Pixel | Abstand es Zellinhalts zum Zellenrand |
bgcolor |
Farbname oder -wert | Hintergrundfarbe der gesamten Tabelle |
frame |
box = Rechteck;void = kein Rahmenabove = nur oben below = nur untenhsides = oben/ untenlhs = linksrhs = rechtsvsides = rechts/ links |
Regeln für den Außenrand |
rules |
none = keine; rows = waagerechtcols = senkrechtall = alle |
Regeln für die Gitternetzlinien |
width |
Pixel oder %-Wert | Gesamtbreite der Tabelle |
height |
Pixel oder %-Wert | Gesamthöhe der Tabelle |
bordercolor |
Farbname oder -wert | Rahmenfarbe |
bordercolordark |
Farbnamen oder -wert | Rahmenfarben mit Schatten |
align |
left = links;right = rechts;center = zentriert; |
Tabelle ausrichten (bei left und right wird Tabelle vom nachfolgenden Text umflossen |
hspace |
Pixel | Abstand des umfließenden Textes zur Tabelle nur mit Attribut align |
bgcolor |
Farbname oder -wert | Hintergrundfarbe der Tabelle |
background |
Pfadangabe | Hintergrundbild |
Browser interpretieren die Attribute unterschiedlich oder gar nicht.
Mit CSS können diese Tabelleneigenschaften wesentlich genauer und erweitert beeinflusst werden.
Attribute des Tags <th>
, <td>
<td></td>
schließen eine Datenzelle (table data) ein. Text wird in der Standardschriftart und -größe linksbündig ausgerichtet.<th></th>
schließen eine Zelle mit Überschrift (table headline) ein. Text wird in der Standardschriftart und -größe fettgedruckt und zentriert ausgerichtet. Sie können Überschriftszellen an beliebigen Stellen in der Tabelle verwenden. Achten Sie auf logisch korrekten Einsatz!
Attribut | Wert | Bedeutung |
---|---|---|
width |
Pixel | Breite der Spalte nur bei der ersten Nutzung der Spalte! |
height |
Pixel | Höhe der Zeile nur bei der ersten Nutzung der Zeile! |
nowrap |
ohne | kein Zeilenumbruch |
align |
left = links right = rechtscenter = zentriert |
horizontale Ausrichtung in der Zelle |
valign |
top = oben bottom = untenmiddle = mittig (Standard) |
vertikale Ausrichtung in der Zelle |
colspan |
Spaltenanzahl (*) | Zellen spaltenweise (waagerecht!) verbinden |
rowspan |
Zeilenanzahl (*) | Zellen zeilenweise (senkrecht!) verbinden |
background |
Pfadangabe | Hintergrundbild |
bgcolor |
Farbname oder -wert | Hintergrundfarbe dieser Zelle |
(*) Erläuterung im Kapitel » Gestaltung von Tabellen.
Attribute des Tags <tr>
Mit den Attributen beeinflussen Sie die Eigenschaften der gesamten Zeile.
Attribut | Wert | Bedeutung |
---|---|---|
bgcolor |
Farbname oder -wert | Hintergrundfarbe aller Zellen der Zeile |
align |
left = linksright = rechtscenter = zentriert |
horizontale Ausrichtung in der Zeile |
valign |
top = obenbottom = untenmiddle = mittig (Standard) |
vertikale Ausrichtung in der Zeile |