HTML <colgroup> valignAttribut

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

Beispiele

Eine HTML-Tabelle mit Spalten mit unterschiedlichen vertikalen Ausrichtungen:

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

Selbst ausprobieren »

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Nur Internet Explorer und Opera unterstützen das valign-Attribut. IE und Opera unterstützen jedoch den Attributwert "baseline" nicht.


Definition und Verwendung

In HTML5 wird das valign-Attribut von <colgroup> nicht unterstützt.

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


Syntax

<colgroup valign="top|middle|bottom|baseline">

Attributwerte

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

Abbildung zu bottom vs. baseline bei unterschiedlichen Schriftgrößen:

valign="bottom"

valign="baseline"


HTML colgroup 标签参考手册HTML <colgroup>-Tag Weitere Erweiterungen