HTML <td> valignAttribute

Beispiele

Eine HTML-Tabelle mit Zellen, die eine unterschiedliche vertikale Ausrichtung haben:

<table border="1" style="height:200px">
<tr>
<th>Monat</th>
<th>Ersparnisse</th>
</tr>
<tr>
<td valign="top">Januar</td>
<td valign="top">$100</td>
</tr>
<tr>
<td valign="bottom">Februar</td>
<td valign="bottom">$80</td>
</tr>
</table>

Selbst ausprobieren »

Browser-Unterstützung

Alle wichtigen Browser unterstützen das valign-Attribut.

Definition und Verwendung

HTML5 unterstützt das valign-Attribut von <td> nicht. Verwende stattdessen CSS.

Das valign-Attribut legt die vertikale Ausrichtung des Inhalts innerhalb einer Zelle fest.

Syntax

Attributwerte

Wert	Beschreibung
top	Richtet den Inhalt oben aus.
middle	Richtet den Inhalt mittig aus (Standardwert).
bottom	Richtet den Inhalt unten aus.
baseline	Richtet den Inhalt an der Grundlinie aus. Die Grundlinie ist eine imaginäre Linie. In einer Textzeile werden die meisten Buchstaben an der Grundlinie ausgerichtet. 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 die Schriftgrößen des Textes jedoch variieren, ist der baseline-Effekt besser. Siehe die Abbildung unten.