 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). |
| table - Tabellen | |||
| 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. |
||