Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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 der HTMLTableColElement-Schnittstelle ist ein String, der angibt, wie Text in einer Tabelle horizontal im Spalten-<col>-Element ausgerichtet wird.

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

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

Wert

Die möglichen Werte sind:

left

Der Text wird linksbündig ausgerichtet. Verwenden Sie stattdessen text-align: left, das direkt auf die <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 CSS-text-align auf den <td>- und <th>-Elementen. Da <td>-Elemente einer Spalte keine Kinder von <col> sind, hat das Setzen des align-Attributs in HTML oder der text-align-Eigenschaft in CSS auf ein <col>-Element keine Wirkung. Stattdessen wählen Sie die Zellen einer Spalte mit einem :is(td, tr):nth-child(n), wobei n die Spaltennummer ist, oder Ähnlichem.

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

Spezifikationen

Specification
HTML
# dom-col-align

Browser-Kompatibilität

Siehe auch