Beispiel
Stellen Sie die Hintergrundfarbe der drei Spalten mit den <colgroup> und <col> tags:
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
Versuch es selber " Definition und Verwendung
Das <colgroup> -Tag gibt eine Gruppe von einer oder mehreren Spalten in einer Tabelle für die Formatierung.
Das <colgroup> Tag ist nützlich für Stile ganze Spalten anwenden, anstatt die Stile für jede Zeile für jede Zelle, zu wiederholen.
Hinweis: Die <colgroup> Tag muss ein Kind eines sein <table> Element, nach irgendwelchen <caption> Elemente und vor irgendwelchen <thead>, <tbody>, <tfoot> und <tr> Elemente.
Tipp: Um festzulegen , unterschiedliche Eigenschaften auf eine Spalte innerhalb eines <colgroup> , verwenden Sie die <col> -Tag innerhalb des <colgroup> -Tag.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <colgroup> | ja | ja | ja | ja | ja |
Unterschiede zwischen HTML 4.01 und HTML5
Die meisten Attribute in HTML 4.01 sind nicht in HTML5 unterstützt.
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| align | left right center justify char | Nicht in HTML5 unterstützt. Richtet den Inhalt in einer Spaltengruppe |
| char | character | Nicht in HTML5 unterstützt. Richtet den Inhalt in einer Spaltengruppe auf ein Zeichen |
| charoff | number | Nicht in HTML5 unterstützt. Legt die Anzahl der Zeichen wird der Inhalt von dem Zeichen mit dem angegebenen ausgerichtet werden char - Attribut |
| span | number | Gibt die Anzahl der Spalten eine Spaltengruppe erstrecken sollte |
| valign | top middle bottom baseline | Nicht in HTML5 unterstützt. Vertikale richtet den Inhalt in einer Spaltengruppe |
| width | pixels % relative_length | Nicht in HTML5 unterstützt. Gibt die Breite einer Spalte Gruppe |
globale Attribute
Das <colgroup> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Das <colgroup> Tag unterstützt auch die Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - DOM - Referenz: ColumnGroup Object
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <colgroup> mit den folgenden Standardwerte Element: