HTMLTableColElement: align-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 align-Eigenschaft des HTMLTableColElement-Interfaces ist ein String, der angibt, wie der Text in einem <col>-Tabellenspalten-Element horizontal ausgerichtet werden soll.

Hinweis: Diese Eigenschaft ist veraltet, und es sollte stattdessen CSS verwendet werden, um Text horizontal in einer Spalte auszurichten. Verwenden Sie die CSS-Eigenschaft text-align, die Vorrang hat, um Text in einer Spalte horizontal auszurichten.

Da <td> keine Kinder von <col> sind, können Sie es nicht direkt auf einem <col>-Element anwenden. Sie müssen die Zellen der Spalte mit td:nth-last-child(n) oder ähnlich auswählen (n ist die Spaltennummer, vom Ende her gezählt).

Wert

Die möglichen Werte sind:

left

Der Text wird linksbündig ausgerichtet. Verwenden Sie stattdessen text-align: left, das direkt auf das <td> oder <th> angewendet wird.

Der Text wird rechtsbündig ausgerichtet. Verwenden Sie stattdessen text-align: right, das direkt auf <td> oder <th> angewendet wird.

center

Der Text wird in der Zelle zentriert. Verwenden Sie stattdessen text-align: center.

Beispiele

Verwenden Sie text-align in CSS für die <td>- und <th>-Elemente. Da <td>-Elemente einer Spalte keine Kinder des <col> sind, hat das Setzen des align-Attributs in HTML oder der Eigenschaft text-align in CSS auf einem <col>-Element keinen Effekt. Stattdessen wählen Sie die Zellen einer Spalte mit einem :is(td, tr):nth-child(n), wobei n die Spaltennummer ist, oder ähnlich.

Ein Beispiel ist auf der Seite :nth-child() verfügbar.

Spezifikationen

Specification
HTML
# dom-col-align

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
align
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Deprecated. Not for use in new websites.

Siehe auch