diedVIPs
diedVIPs

html knowhow

Rund um Tabellen - <table> etc







Eine Tabellenzeile kann Kopfzellen oder gewöhnliche Datenzellen enthalten.
<th> leitet eine Kopfzelle ein (th = table header = Tabellenkopf),
<td> eine normale Datenzelle (td = table data = Tabellendaten).
Der Inhalt einer Zelle wird jeweils hinter dem Start-Tag notiert. In einer Tabellenzelle können beliebige Elemente stehen, d. h. außer normalem Text z. B. auch andere Stil-Elemente (phrasing content).


 
asas
table
Befehl Beschreibung Wert Beispiele
<table> Die Eigenschaft background ist die zusammenfassende Eigenschaft von background-color, background-image, background-repeat, background-attachment und background-position.
inherit,
initial,
unset und
revert
body { background: white url("../bilder/background.png") repeat-x top center; }
<table-layout> Tabellenstruktur
Die Eigenschaft table-layout legt fest, wie Angaben zur Breite einzelner Tabellenelemente interpretiert werden.

fixed
auto
inherit,
initial,
unset und
revert
table { table-layout: fixed; }
<table-position> Die Eigenschaft left legt die obere Position positionierter Elemente fest.
ein numerisches Längenmaß wie 4.5em oder 300px, eine Prozentangabe. Negative Werte sind erlaubt.
  table { position: absolute; left: 5em; bottom:2em; }
<tr> Die Eigenschaft border ist die Kurzschreibform für die Werte border-width, border-style und border-color. Sie bestimmt alle 4 Rahmen eines Elements.
inherit,
initial,
unset
revert
div { border: thin solid red; }
<td> Rahmenmodell
Die Eigenschaft border-collapse legt fest, ob Rahmen benachbarter Tabellenelemente getrennt oder zusammenfallend dargestellt werden.
separate,
collapse,
inherit,
initial,
unset
revert
table { border-collapse: collapse; }
<th> Die Eigenschaft background ist die zusammenfassende Eigenschaft von background-color, background-image, background-repeat, background-attachment und background-position. inherit,
initial,
unset
revert
body { background: white url("../bilder/background.png") repeat-x top center; }
<border> Die Eigenschaft border ist die Kurzschreibform für die Werte border-width, border-style und border-color. Sie bestimmt alle 4 Rahmen eines Elements.
inherit,
initial,
unset
revert
div { border: thin solid red; }
<border-collapse> Rahmenmodell
Die Eigenschaft border-collapse legt fest, ob Rahmen benachbarter Tabellenelemente getrennt oder zusammenfallend dargestellt werden.
separate,
collapse,
inherit,
initial,
unset
revert
table { border-collapse: collapse; }
<border-style> Rahmentyp:
none,
dotted,
dashed,
solid,
double,
groove,
ridge,
inset,
outset
p.one { border-style: solid; border-width: 5px; }
p.two { border-style: solid; border-width: medium; }
p.three { border-style: dotted; border-width: 2px; }
p.four { border-style: dotted; border-width: thick; }
<tbody> Steht für die Spalten, die die eigentlichen Daten einer Tabelle enthalten.
   
<thead> Markiert die Gruppe der Tabellenzeilen, die die Beschriftungen der Tabellenspalten enthalten.    
<tfoot> Markiert die Gruppe der Tabellenzeilen, die die Zusammenfassungen der Tabellenspalten enthalten.    
<border-spacing> Rahmenabstand
Die Eigenschaft left legt die obere Position positionierter Elemente fest.
ein numerisches Längenmaß wie 4.5em oder 300px, eine Prozentangabe. Negative Werte sind erlaubt.
  table { position: absolute; left: 5em; bottom:2em; }
<border-radius> Die Eigenschaft border-radius bestimmt den Radius, mit dem die Ecken eines Rahmens abgerundet werden.

numerische Angaben,
inherit,
initial,
unset
revert
div { border-radius: 1em 2em 2em; }
<background> Die Eigenschaft background ist die zusammenfassende Eigenschaft von background-color, background-image, background-repeat, background-attachment und background-position.

inherit,
initial,
unset und
revert
body { background: white url("../bilder/background.png") repeat-x top center; }
<background-color>
  h1 { background-color: green; }
div {background-color: lightblue;}
p {background-color: yellow;}
<caption-side> Position der Überschrift
Die Eigenschaft left legt die obere Position positionierter Elemente fest.
ein numerisches Längenmaß wie 4.5em oder 300px, eine Prozentangabe. Negative Werte sind erlaubt.
 top,
bottom,
left,
right
table { position: absolute; left: 5em; bottom:2em; }
<col> Specifies column properties for each column within a <colgroup> element
   
<colspan > Das Attribut colspan (deutsch: Spalte überspannen) erlaubt es, eine Tabellenzelle nach rechts über mehrere Spalten auszudehnen.    
<rowspan> Das Attribut rowspan (deutsch: Zeile überspannen) erlaubt es, eine Tabellenzelle nach unten über mehrere Zeilen auszudehnen.
   












Kontakt    Datenschutz   Impressum