HTML <tr> valignEigenschaft

Beispiel

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

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

Selbst ausprobieren »

Browser-Unterstützung

Das valign-Attribut wird in allen wichtigen Browsern unterstützt.

Definition und Verwendung

HTML5 unterstützt das valign-Attribut von <tr> nicht. Bitte verwenden Sie stattdessen CSS.

Das valign-Attribut legt die vertikale Ausrichtung des Inhalts in einer Tabellenzeile fest.

Syntax

Eigenschaftswert

Wert	Beschreibung
top	Inhalt nach oben ausrichten.
middle	Richtet den Inhalt zentriert aus (Standardwert).
bottom	Inhalt nach unten ausrichten.
baseline	Richtet 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 gemeinsam nutzen. Die Wirkung dieses Werts ist oft dieselbe wie die des Werts bottom. Wenn sich jedoch die Schriftgrößen des Textes unterscheiden, funktioniert der baseline-Effekt besser. Siehe die Abbildung unten.

Wenn sich die Schriftgröße des Textes unterscheidet, Diagramm bottom vs. baseline:

valign="bottom"

valign="baseline"

HTML <tr>-Tagweitere Erweiterungen

HTML Tag