diedVIPs

html knowhow

Tabelle










Tabelle
table Tabellenlayout / dynamische Spaltenbreite
  • auto
  • fixed
  • inherit
#table2 {width:100%;border-width:0px;}

table {width:100%;display: inline-block;font-size:1.3em;}
table-style Um den Abstand zwischen Rahmen und Inhalt in einer Tabelle zu steuern, verwenden Sie die padding für <td>- und <th>-Elemente.   th {background-color: #04AA6D; color: white;}
  Eine Tabellenzeile kann Kopfzellen oder gewöhnliche Datenzellen enthalten.
tr tr leitet eine neue Tabellenzeile ein
(tr = table row = Tabellenzeile). Im Anschluss daran werden die Zellen (Spalten) der betreffenden Reihe definiert.
tr {width:100%;}
tr {display: table-row; vertical-align: inherit; border-color: inherit;}
th th leitet eine Kopfzelle ein
(th = table header = Tabellenkopf),
th {height:auto;}
th {height: 70px;text-align: left;}
th {display: table-cell; vertical-align: inherit; font-weight: bold; text-align: center;}
tbody Der Befehl wird verwendet, um den Body-Inhalt in einer HTML-Tabelle zu gruppieren. Siehe tbody
td td leitet eine normale Datenzelle ein.
(td = table data = Tabellendaten).
Der Inhalt einer Zelle wird jeweils hinter dem Start-Tag notiert.
td {border: 1px solid black;}
td {height: 50px; vertical-align: bottom;}
td {display: table-cell; vertical-align: inherit;}
table-width width gibt die Breite eines Elements an.   table {width: 100%;}
table {width: 500px;}
table-height height gibt die Höhe eines Elements an.   table {height: 100%;}
table {height: 500px;}
table-border border gibt einen Rahmen um die Tabelle.   table {border: 1px solid black;}
columns Spalten (allgemein) columns ermöglicht die einfache Definition mehrerer Textspalten div {column-count: 3;}
div {column-rule-style: solid;}
div {column-rule-color: lightblue;}

caption Positionierung der Tabellenüberschrift
caption definiert eine Tabellenüberschrift. Es muss unmittelbar nach dem table eingefügt werden.
  • top
  • bottom
  • inherit
caption {display: table-caption; text-align: center;}








Kontakt    Datenschutz   Impressum