HTMLTableColElement: vAlign-Eigenschaft
Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.
Die vAlign-Eigenschaft des HTMLTableColElement-Interfaces ist eine Zeichenkette, die angibt, wie der Text in einem Tabellen-<col>-Element vertikal ausgerichtet werden soll.
Hinweis:
Diese Eigenschaft ist veraltet, und CSS sollte verwendet werden, um Text in einer Spalte vertikal auszurichten. Verwenden Sie die CSS-vertical-align-Eigenschaft, die Vorrang hat, um Text in jeder Spaltenzelle vertikal auszurichten.
Da <td> keine Kinder von <col> sind, können Sie es nicht direkt auf einem <col>-Element festlegen. Sie müssen die Zellen der Spalte mit einem td:nth-child(n) oder ähnlichem auswählen (n ist die Spaltennummer).
Wert
Die möglichen Werte sind: "top", "middle", "bottom" oder "baseline"
top-
Richtet den Text oben in der Spalte aus. Verwenden Sie stattdessen
vertical-align: top. center-
Zentriert den Text vertikal in der Spalte. Synonym für
middle. Verwenden Sie stattdessenvertical-align: middle. middle-
Zentriert den Text vertikal in der Spalte. Verwenden Sie stattdessen
vertical-align: middle. bottom-
Richtet den Text unten in der Spalte aus. Verwenden Sie stattdessen
vertical-align: bottom. baseline-
Ähnlich wie
top, richtet jedoch die Basislinie des Textes so nah wie möglich am oberen Rand aus, sodass kein Teil des Zeichens außerhalb der Zelle ist.
Beispiele
Verwenden Sie vertical-align in CSS. Da <td>-Elemente einer Spalte keine Kinder von <col> sind, können Sie es nicht direkt auf einem <col> festlegen. Sie müssen die Zellen mit einem td:nth-child(n) oder ähnlichem auswählen (n ist die Spaltennummer).
Ein Beispiel ist auf der :nth-child()-Seite verfügbar.
Spezifikationen
| Specification |
|---|
| HTML # dom-col-valign |