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 der Schnittstelle HTMLTableColElement ist ein String, der angibt, wie Text in einem Tabellenspalten-Element vom Typ <col> vertikal ausgerichtet wird.
Hinweis:
Diese Eigenschaft ist veraltet, und CSS sollte verwendet werden, um Text in einer Spalte vertikal auszurichten. Verwenden Sie stattdessen die CSS-Eigenschaft vertical-align, die Vorrang hat, um Text in jeder Spaltenzelle vertikal auszurichten.
Da <td> keine Kinder von <col> sind, kann es nicht direkt auf einem <col>-Element gesetzt werden. Sie müssen die Zellen der Spalte mithilfe von 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, aber richtet die Basislinie des Textes so nah wie möglich an der Oberseite 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> setzen. Sie müssen die Zellen mithilfe von td:nth-child(n) oder ähnlichem auswählen (n ist die Spaltennummer).
Ein Beispiel ist auf der Seite :nth-child() verfügbar.
Spezifikationen
| Specification |
|---|
| HTML Standard # dom-col-valign |
Browser-Kompatibilität
BCD tables only load in the browser