HTMLTableColElement: vAlign-Eigenschaft
Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, kann sie bereits aus den relevanten Webstandards entfernt worden sein, befindet sich im Prozess der Entfernung oder wird nur aus Kompatibilitätsgründen beibehalten. Vermeiden Sie die Verwendung und aktualisieren Sie gegebenenfalls bestehenden Code; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu treffen. Beachten Sie, dass diese Funktion jederzeit nicht mehr funktionieren kann.
Die vAlign-Eigenschaft der Schnittstelle HTMLTableColElement ist ein String, der angibt, wie Text in einem Tabellen--Element vertikal ausgerichtet wird.
Hinweis: Diese Eigenschaft ist veraltet, und CSS sollte verwendet werden, um Text in einer Spalte vertikal auszurichten. Verwenden Sie die CSS-Eigenschaft vertical-align, die Vorrang hat, um Text in jeder Zelle der Spalte vertikal auszurichten.
Da <td> keine Kinder von <col> sind, können Sie es nicht direkt auf ein <col>-Element anwenden. Sie müssen die Zellen der Spalte mit td:nth-child(n) oder ähnlichem auswählen (n ist die Nummer der Spalte).
Wert
Die möglichen Werte sind: "top", "middle", "bottom" oder "baseline"
top-
Richtet den Text am oberen Rand 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 am unteren Rand der Spalte aus. Verwenden Sie stattdessen
vertical-align: bottom. baseline-
Ähnlich wie
top, richtet aber die Grundlinie des Textes so nah wie möglich am oberen Rand aus, sodass kein Teil des Zeichens außerhalb der Zelle liegt.
Beispiele
Verwenden Sie CSS vertical-align. Da <td>-Elemente einer Spalte keine Kinder von <col> sind, können Sie es nicht direkt auf ein <col> anwenden. Sie müssen die Zellen mit td:nth-child(n) oder ähnlichem auswählen (n ist die Nummer der Spalte).
Ein Beispiel finden Sie auf der :nth-child() Seite.
Spezifikationen
| Specification |
|---|
| HTML Standard # dom-col-valign |
Browser-Kompatibilität
BCD tables only load in the browser