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. right
-
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 Standard # dom-col-align |
Browser-Kompatibilität
BCD tables only load in the browser