HTML <tfoot> valignEigenschaft

Beispiel

Inhalt im <tfoot>-Element vertikal unten ausrichten:

<table border="1" width="100%">
<tr>
    <th>Monat</th>
      <th>Ersparnisse</th>
</tr>
    <tr>
      <td>Januar</td>
    <td>$100</td>
    </tr>
    <tr>
      <td>Februar</td>
      <td>$80</td>
</tr>
<tfoot valign="bottom">
    <tr>
      <td>Summe</td>
      <td>$180</td>
    </tr>
</tfoot>
</table>

Selbst ausprobieren »

Browser-Unterstützung

Alle wichtigen Browser unterstützen das valign-Attribut.

Definition und Verwendung

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

Das valign-Attribut gibt die vertikale Ausrichtung des Inhalts in einem <tfoot>-Element an.

Syntax

Eigenschaftswert

Wert	Beschreibung
top	Inhalt oben ausrichten.
middle	Richtet den Inhalt zentriert aus (Standardwert).
bottom	Den Inhalt unten ausrichten.
baseline	Richtet an der Grundlinie aus. Die Grundlinie ist eine gedachte Linie. In einer Textzeile basieren die meisten Buchstaben auf der Grundlinie. Der Wert baseline setzt alle Tabellendaten in der Zeile darauf, dieselbe Grundlinie zu teilen. Die Wirkung dieses Werts ist oft dieselbe wie beim Wert bottom. Wenn jedoch die Schriftgrößen des Textes unterschiedlich sind, ist der baseline-Effekt besser. Siehe die Abbildung unten.

Wenn Text unterschiedliche Schriftgrößen hat, das Diagramm „unten“ vs. „Grundlinie“:

valign="bottom"

valign="baseline"

HTML <tfoot>-Tagandere Erweiterungen

HTML Tag