HTML-<col> Tag

Definition und Verwendung

<col> Das Tag definiert Attributwerte für eine oder mehrere Spalten in einer Tabelle.

Um Stile für alle Spalten anzuwenden:<col> Das Tag ist sehr nützlich, da Sie so nicht für jede Zelle und jede Zeile wiederholend Stile anwenden müssen.

Hinweis

Wenn Sie möchten, dass colgroup Verwenden Sie dieses Element, um unterschiedliche Attributwerte für jede Spalte zu definieren. Wenn kein <col>-Element vorhanden ist, erbt die Spalte alle Attributwerte vom <colgroup>.

Der <col>-Element ist ein leeres Element, das nur Attribute enthält. Um eine Spalte zu erstellen, müssen Sie innerhalb des <tr>-Elements den <td>-Element angeben.

Weitere Informationen:

HTML Referenzhandbuch:<colgroup>-Tag

HTML DOM Referenzhandbuch:Column-Objekt

Beispiel

Die Hintergrundfarbe von drei Spalten wird mit den Tags <colgroup> und <col> eingestellt:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>Buchnummer</th>
    <th>Titel</th>
    <th>Preis</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>HTML Grundlagen</td>
    <td>$53</td>
  </tr>
</table>

Versuchen Sie es selbst

Eigenschaft

Eigenschaft Wert Beschreibung
span Zahl Definiert die Anzahl der Spalten, die das <col> Element überqueren soll.

Globale Attribute

<col> Der Tag unterstützt auch Globale Attribute in HTML.

Event Attribute

<col> Der Tag unterstützt auch Event Attribute in HTML.

Standardmäßige CSS-Einstellungen

Die meisten Browser verwenden die folgenden Standardwerte zum Anzeigen <col> Element:

col {
  display: table-column;
}

Versuchen Sie es selbst

Browserunterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung