HTML <colgroup> valignAttribut
Beispiele
Eine HTML-Tabelle mit Spalten mit unterschiedlichen vertikalen Ausrichtungen:
<table border="1"
style="height:200px">
<colgroup valign="top">
<colgroup valign="bottom">
<tr>
<th>Monat</th>
<th>Ersparnisse</th>
</tr>
<tr>
<td>Januar</td>
<td>$100</td>
</tr>
</table>
<colgroup valign="top">
<colgroup valign="bottom">
<tr>
<th>Monat</th>
<th>Ersparnisse</th>
</tr>
<tr>
<td>Januar</td>
<td>$100</td>
</tr>
</table>
Selbst ausprobieren »
Browser-Unterstützung
![]()
![]()
![]()
![]()
![]()
Nur Internet Explorer und Opera unterstützen das valign-Attribut. IE und Opera unterstützen jedoch den Attributwert "baseline" nicht.
Definition und Verwendung
In HTML5 wird das valign-Attribut von <colgroup> nicht unterstützt.
Das valign-Attribut legt die vertikale Ausrichtung des Inhalts in einer Spaltengruppe fest.
Syntax
<colgroup valign="top|middle|bottom|baseline">
Attributwerte
| Wert | Beschreibung |
|---|---|
| top | Richtet den Inhalt oben aus. |
| middle | Richtet den Inhalt zentriert aus (Standardwert). |
| bottom | Richtet den Inhalt unten aus. |
| baseline | Richtet an der Grundlinie aus. Die Grundlinie ist eine gedachte Linie. In einer Textzeile werden die meisten Buchstaben an der Grundlinie ausgerichtet. Der Wert baseline legt fest, dass alle Tabellendaten in einer Zeile dieselbe Grundlinie verwenden. Die Wirkung dieses Werts ist oft dieselbe wie die des Werts bottom. Wenn die Schriftgrößen des Textes jedoch unterschiedlich sind, ist der Effekt von baseline besser. Siehe die Abbildung unten. |
Abbildung zu bottom vs. baseline bei unterschiedlichen Schriftgrößen:
valign="bottom"
valign="baseline"
HTML <colgroup>-Tag Weitere Erweiterungen