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>
z.B.: body { background: white url("../bilder/background.png") repeat-x top center; }
Die Eigenschaft background ist die zusammenfassende Eigenschaft von background-color, background-image, background-repeat, background-attachment und background-position.
Zusätze: inherit, initial, unset und revert
 
<table-layout>
Tabellenstruktur
table { table-layout: fixed; }
Die Eigenschaft table-layout legt fest, wie Angaben zur Breite einzelner Tabellenelemente interpretiert werden.
fixed = Breitenangaben haben Vorrang vor dem Zelleninhalt (Inhalt wird zur Not abgeschnitten)
auto = Zelleninhalt hat Vorrang vor Breitenangaben
inherit, initial, unset und revert
Befehl anwendbar auf caption
 
<table-position>
table { position: absolute; left: 5em; bottom:2em; }
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.
 
<tr>
div { border: thin solid red; }
Die Eigenschaft border ist die Kurzschreibform für die Werte border-width, border-style und border-color. Sie bestimmt alle 4 Rahmen eines Elements.
Zusätze: inherit, initial, unset und revert
 
<td>
Rahmenmodell
table { border-collapse: collapse; }
Die Eigenschaft border-collapse legt fest, ob Rahmen benachbarter Tabellenelemente getrennt oder zusammenfallend dargestellt werden.
Zusätze: separate, collapse, inherit, initial, unset und revert
 
<th>
z.B.: body { background: white url("../bilder/background.png") repeat-x top center; }
Die Eigenschaft background ist die zusammenfassende Eigenschaft von background-color, background-image, background-repeat, background-attachment und background-position.
Zusätze: inherit, initial, unset und revert
 
<border>
div { border: thin solid red; }
Die Eigenschaft border ist die Kurzschreibform für die Werte border-width, border-style und border-color. Sie bestimmt alle 4 Rahmen eines Elements.
Zusätze: inherit, initial, unset und revert
 
<border-collapse>
Rahmenmodell
table { border-collapse: collapse; }
Die Eigenschaft border-collapse legt fest, ob Rahmen benachbarter Tabellenelemente getrennt oder zusammenfallend dargestellt werden.
Zusätze: separate, collapse, inherit, initial, unset und revert
 
<border-style>
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; }
Rahmentyp:
none, dotted, dashed, solid, double, groove, ridge, inset, outset
 
<border-color>
h1 { border-color: #0011cf; }
Die Eigenschaft border-color bestimmt alle Rahmenfarben eines Elements.
Zusätze: eine Farbangabe, currentColor, transparent, inherit, initial, unset und revert
 
<border-spacing>
Rahmenabstand
länge

table { position: absolute; left: 5em; bottom:2em; }
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.
 
<border-radius>
div { border-radius: 1em 2em 2em; }
Die Eigenschaft border-radius bestimmt den Radius, mit dem die Ecken eines Rahmens abgerundet werden.
Zusätze: numerische Angaben, inherit, initial, unset und revert

 
<background>
z.B.: body { background: white url("../bilder/background.png") repeat-x top center; }
Die Eigenschaft background ist die zusammenfassende Eigenschaft von background-color, background-image, background-repeat, background-attachment und background-position.
Zusätze: inherit, initial, unset und revert
 
<background-color>
h1 { background-color: green; }
div {background-color: lightblue;}
p {background-color: yellow;}
 
<caption-side>
Position der Überschrift
Wert: top, bottom, left, right

table { position: absolute; left: 5em; bottom:2em; }
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.
 
<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