Hechtnetz-Logo

Dieser Kurs wird nicht weiter gepflegt - Neuerungen werden nicht berücksichtigt.

Attribute der Tabellenbefehle

Attribute der Tabellenbefehle

Attribute des Tags <table>

Mit den folgenden Attributen könne Sie das Aussehen der Tabelle beeinflussen.

AttributWertBedeutung
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 Rahmen
above = nur oben
below = nur unten
hsides = oben/ unten
lhs = links
rhs = rechts
vsides = rechts/ links		 Regeln für den Außenrand
rules none = keine;
rows = waagerecht
cols = senkrecht
all = 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
bordercolorlight		 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
vspace		 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!
AttributWertBedeutung
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 = rechts
center = zentriert		 horizontale Ausrichtung in der Zelle
valign top = oben
bottom = unten
middle = 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.

AttributWertBedeutung
bgcolor Farbname oder -wert Hintergrundfarbe aller Zellen der Zeile
align left = links
right = rechts
center = zentriert		 horizontale Ausrichtung in der Zeile
valign top = oben
bottom = unten
middle = mittig (Standard)		 vertikale Ausrichtung in der Zeile

Impressum:       Jörg Hecht  |  Meierfeld 34  |  32049 Herford  |  » Kontakt