HTML <tbody> valignAttribute
Beispiele
Richten Sie den Inhalt im <tbody>-Element vertikal nach unten aus:
<table border="1"
width="100%">
<tr>
<th>Monat</th>
<th>Ersparnisse</th>
</tr>
<tbody valign="bottom">
<tr>
<td>Januar</td>
<td>$100</td>
</tr>
<tr>
<td>Februar</td>
<td>$80</td>
</tr>
</tbody>
</table>
<tr>
<th>Monat</th>
<th>Ersparnisse</th>
</tr>
<tbody valign="bottom">
<tr>
<td>Januar</td>
<td>$100</td>
</tr>
<tr>
<td>Februar</td>
<td>$80</td>
</tr>
</tbody>
</table>
Selbst ausprobieren »
Browser-Unterstützung
![]()
![]()
![]()
![]()
![]()
Alle wichtigen Browser unterstützen das valign-Attribut.
Definition und Verwendung
HTML5 unterstützt das valign-Attribut von <tbody> nicht. Bitte verwenden Sie stattdessen CSS.
Das valign-Attribut legt die vertikale Ausrichtung des Inhalts im <tbody>-Element fest.
Syntax
<tbody valign="top|middle|bottom|baseline">
Attributwerte
| Wert | Beschreibung |
|---|---|
| top | Richtet den Inhalt oben aus. |
| middle | Richtet den Inhalt mittig aus (Standardwert). |
| bottom | Richtet den Inhalt unten aus. |
| baseline | Richtet an der Grundlinie aus. Die Grundlinie ist eine gedachte Linie. In einer Textzeile stehen die meisten Buchstaben auf der Grundlinie. Der Wert baseline legt fest, dass alle Tabellendaten in der Zeile dieselbe Grundlinie verwenden. Die Wirkung dieses Werts ist oft dieselbe wie die des Werts bottom. Wenn sich die Schriftgrößen des Textes jedoch unterscheiden, ist der Effekt von baseline besser. Siehe die Abbildung unten. |
Darstellung von bottom vs. baseline bei unterschiedlichen Schriftgrößen des Textes:
valign="bottom"
valign="baseline"
HTML <tbody>-Tag Weitere Erweiterungen