<tr>

Übersicht

Das HTML Element table row <tr> definiert eine Reihe, bestehend aus einzelnen Zellen, in einer Tabelle. Diese können aus <td> und <th> Elementen bestehen.

Inhaltskategorien Keine
Erlaubter Inhalt 0 oder mehrere <td> oder <th> Elemente, oder eine Mischung aus diesen
Tag Wegfall Start-Tag ist ein Muss. Ende-Tag kann weggelassen werden, wenn das <tr> Element direkt gefolgt wird von einem <tr> Element, oder wenn die Haupttabellengruppen (<thead>,  <tbody> oder <tfoot>) keinen Inhalt haben
Erlaubte Elternelemente <table>, <thead>, <tbody> oder <tfoot> Element
Erlaubte ARIA-Rollen alle
DOM interface HTMLTableRowElement
Verweis-Dokument HTML, "The tr element"

Attribute

Dieses Element beinhaltet globale Attribute.

align Unerwünscht HTML4.01, Veraltet seit HTML5
Dieses aufgezählte Attribut spezifiziert wie die horizontale Ausrichtung jeden Zelleninhalts behandelt wird. Mögliche Werte sind:
  • left, Ausrichtung des Inhalts am linken Rand der Zelle
  • center, Zentrierung des Inhalts innerhalb der Zelle
  • right, Ausrichtung des Inhalts am rechten Rand der Zelle
  • justify, Erweiterung der Leerstellen im textuellen Inhalt so dass der Inhalt die gesamte Breite der Zelle besetzt (Blocksatz)
  • char, Ausrichtung des textuellen Inhalts an einem speziellen Charakter mit einem minimalen  Abstand, definiert durch char und charoff Attribute Nicht implementiert (siehe Bug 2212)

Wenn dieses Attribut nicht gesetzt wird, dann wird der Wert des Elternknotens geerbt.

Bemerkung: Benutzen Sie dieses Attribut nicht, da es nicht mehr im aktuellen Standard unterstützt wird.
  • Um denselben Effekt zu erhalten wie left, center, right oder justify, benutzen Sie die CSS text-align Eigenschaft.
  • Um denselben Effekt zu erhalten wie char, in CSS3, können Sie den Wert der Eigenschaft char als Wert der text-align Eigenschaft benutzen  Nicht implementiert.
bgcolor Unerwünscht HTML4.01, Veraltet seit HTML5
Dieses Attribut definiert die Hintergrundfarbe jeder Zelle in einer Zeile. Es kann entweder ein #RRGGBB Code oder ein SVG Farbschlüssel sein.
Gebrauchsanweisung: Das <tr> Element sollte mit CSS formatiert werden. Um denselben Effekt wie das bgcolor Attribut zu erreichen, benutzen Sie die CSS Eigenschaft background-color.
char Unerwünscht HTML4.01, Veraltet seit HTML5
Dieses Attribut wird benutzt um die Charaktere einer Zelle zu einer Kolonne auszurichten. Typische Werte beinhalten einen Punkt (.) wenn Zahlen oder Währungswerte ausgerichtet werden sollen. Wenn align nicht mit char gesetzt ist, so wird dieses Attribut ignoriert.
Bemerkung: Benutzen Sie dieses Attribut nicht, da es nicht mehr im aktuellen Standard unterstützt wird. Um denselben Effekt wie char, in CSS3 zu erreichen, können Sie den Zeichensatz benutzen, welcher das char Attribut als Wert der text-align Eigenschaft enthält Nicht implementiert.
charoff Unerwünscht HTML4.01, Veraltet seit HTML5
Dieses Attribut wird benutzt um die Anzahl der Charaktere zu bestimmen, welche als Abstand für den Kolonneninhalt genommen und durch das char Attribut definiert wird.
Bemerkung: Benutzen Sie dieses Attribut nicht, da es nicht mehr im aktuellen Standard unterstützt wird.
valign Unerwünscht HTML4.01, Veraltet seit HTML5
Dieses Attribut definiert die vertikale Ausrichtung des Textes in jeder Zeile. Mögliche Werte für dieses Attribut sind:
  • baseline, platziert den Text so nah wie möglich an den unteren Rand der Zelle, aber richtet sie an der Basislinie der Charaktere aus anstatt am unteren Rand derselben. Sind alle Charaktere von derselben Grösse, so hat es denselben Effekt wie bottom.
  • bottom, platziert den Text so nah wie möglich an den unteren Rand der Zelle;
  • middle, zentriert den Text innerhalb der Zelle;
  • und top, platziert den Text so nah wie möglich an den oberen Rand der Zelle.
Note: Benutzen Sie dieses Attribut nicht, da es nicht mehr im aktuellen Standard unterstützt wird; benutzen Sie die CSS vertical-align Eigenschaft.

Beispiele

Siehe <table> für Beispiele von <tr>.

Browserkompatibilität

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basis Unterstützung 1.0 1.0 (1.7 oder früher) (Ja) (Ja) (Ja)
align/valign Attribut 1.0 Nicht unterstützt [1] (Ja) (Ja) (Ja)
char/charoff Attribut 1.0 Nicht unterstützt [2] (Ja) (Ja) (Ja)
bgcolor Attribute Nicht unterstützt Nicht unterstützt (Ja) Nicht unterstützt Nicht unterstützt
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basis Unterstützung (Ja) 1.0 (1.0) (Ja) (Ja) (Ja)
align/valign Attribut ? Nicht unterstützt [1] ? ? ?
char/charoff Attribut ? Nicht unterstützt [2] ? ? ?
bgcolor Attribut Nicht unterstützt Nicht unterstützt (Ja) Nicht unterstützt Nicht unterstützt

[1] Siehe Bug 915.

[2] Siehe Bug 2212.

Siehe auch

  • Andere Tabellen-bezogene HTML Elemente: <caption>, <col>, <colgroup>, <table>, <tbody>, <td>, <tfoot>, <th>, <thead>;
  • CSS Eigenschaften und Pseudo-Klassen die eventuel wichtig sind für die Formatierung des <tr> Elementes:
    • Die :nth-child Pseudo-Klasse für die Ausrichtung der Zellen ganzer Zeilen und Spalten;
    • Die text-align Eigenschaft um alle Zelleninhalte auf demselben Charakter auszurichten, wie '.'.<