HTML <thead> valignEigenschaft

Beispiel

Den Inhalt im <thead>-Element vertikal zentrieren:

<table border="1" width="100%">
<thead valign="middle">
<tr>
    <th>Monat</th>
      <th>Ersparnisse</th>
</tr>
</thead>
    <tr>
      <td>Januar</td>
    <td>$100</td>
    </tr>
    <tr>
      <td>Februar</td>
      <td>$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 <thead> nicht. Bitte verwenden Sie stattdessen CSS.

Das valign-Attribut gibt die vertikale Ausrichtung des Inhalts im <thead>-Element an.

Syntax

Eigenschaftswert

Wert	Beschreibung
top	Inhalt oben ausrichten.
middle	Richtet den Inhalt zentriert aus (Standardwert).
bottom	Inhalt unten ausrichten.
baseline	Richtet an der Grundlinie aus. Die Grundlinie ist eine imaginäre Linie. In einer Textzeile basieren die meisten Buchstaben auf der Grundlinie. Der Wert baseline legt fest, dass alle Tabellendaten in einer Zeile dieselbe Grundlinie verwenden. Die Wirkung dieses Werts ist oft dieselbe wie die des Werts bottom. Wenn der Text jedoch unterschiedliche Schriftgrößen hat, ist der Effekt von baseline besser. Siehe die Abbildung unten.

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

valign="bottom"

valign="baseline"

HTML <thead>-Tagandere Erweiterungen

HTML Tag