HTML <tbody> valignAttribute

HTML tbody 标签参考手册HTML <tbody>-Tag

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>

Selbst ausprobieren »

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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 标签参考手册HTML <tbody>-Tag Weitere Erweiterungen