---
title: <tr>
slug: Web/HTML/Element/tr
tags:
  - Element
  - HTML
  - HTML tabular data
  - Reference
  - Tables
  - Web
translation_of: Web/HTML/Element/tr
---
<h2 id="Übersicht">Übersicht</h2>

<p>Das HTML<em> </em>Element<em> table row </em><code>&lt;tr&gt;</code> definiert eine Reihe, bestehend aus einzelnen Zellen, in einer Tabelle. Diese können aus {{HTMLElement("td")}} und {{HTMLElement("th")}} Elementen bestehen.</p>

<table class="standard-table">
 <tbody>
  <tr>
   <td><a href="/de/docs/HTML/Content_categories" title="HTML/Content categories">Inhaltskategorien</a></td>
   <td>Keine</td>
  </tr>
  <tr>
   <td>Erlaubter Inhalt</td>
   <td>0 oder mehrere {{HTMLElement("td")}} oder {{HTMLElement("th")}} Elemente, oder eine Mischung aus diesen</td>
  </tr>
  <tr>
   <td>Tag Wegfall</td>
   <td>Start-Tag ist ein Muss. Ende-Tag kann weggelassen werden, wenn das {{HTMLElement("tr")}} Element direkt gefolgt wird von einem {{HTMLElement("tr")}} Element, oder wenn die Haupttabellengruppen ({{HTMLElement("thead")}},  {{HTMLElement("tbody")}} oder {{HTMLElement("tfoot")}}) keinen Inhalt haben</td>
  </tr>
  <tr>
   <td>Erlaubte Elternelemente</td>
   <td>{{HTMLElement("table")}}, {{HTMLElement("thead")}}, {{HTMLElement("tbody")}} oder {{HTMLElement("tfoot")}} Element</td>
  </tr>
  <tr>
   <td>Erlaubte ARIA-Rollen</td>
   <td>alle</td>
  </tr>
  <tr>
   <td>DOM interface</td>
   <td>{{domxref("HTMLTableRowElement")}}</td>
  </tr>
  <tr>
   <td>Verweis-Dokument</td>
   <td><a class="external" href="http://www.whatwg.org/html/#the-tr-element">HTML, "The <code>tr</code> element"</a></td>
  </tr>
 </tbody>
</table>

<h2 id="Attribute">Attribute</h2>

<p><span style="line-height: 21px;">Dieses Element beinhaltet </span><a href="/de/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">globale Attribute</a><span style="line-height: 21px;">.</span></p>

<dl>
 <dt>{{htmlattrdef("align")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}}</dt>
 <dd>Dieses aufgezählte Attribut spezifiziert wie die horizontale Ausrichtung jeden Zelleninhalts behandelt wird. Mögliche Werte sind:
 <ul>
  <li><code>left</code>, Ausrichtung des Inhalts am linken Rand der Zelle</li>
  <li><code>center</code>, Zentrierung des Inhalts innerhalb der Zelle</li>
  <li><code>right</code>, Ausrichtung des Inhalts am rechten Rand der Zelle</li>
  <li><code>justify</code>, Erweiterung der Leerstellen im textuellen Inhalt so dass der Inhalt die gesamte Breite der Zelle besetzt (Blocksatz)</li>
  <li><code>char</code>, Ausrichtung des textuellen Inhalts an einem speziellen Charakter mit einem minimalen  Abstand, definiert durch {{htmlattrxref("char", "tr")}} und {{htmlattrxref("charoff", "tr")}} Attribute {{unimplemented_inline("2212")}}</li>
 </ul>

 <p>Wenn dieses Attribut nicht gesetzt wird, dann wird der Wert des Elternknotens geerbt.</p>

 <div class="note"><strong>Bemerkung: </strong>Benutzen Sie dieses Attribut nicht, da es nicht mehr im aktuellen Standard unterstützt wird.

 <ul>
  <li>Um denselben Effekt zu erhalten wie <code>left</code>, <code>center</code>, <code>right</code> oder <code>justify</code>, benutzen Sie die CSS {{cssxref("text-align")}} Eigenschaft.</li>
  <li>Um denselben Effekt zu erhalten wie <code>char</code>, in CSS3, können Sie den Wert der Eigenschaft {{htmlattrxref("char", "tr")}} als Wert der {{cssxref("text-align")}} Eigenschaft benutzen  {{unimplemented_inline}}.</li>
 </ul>
 </div>
 </dd>
</dl>

<dl>
 <dt>{{htmlattrdef("bgcolor")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}}</dt>
 <dd>Dieses Attribut definiert die Hintergrundfarbe jeder Zelle in einer Zeile. Es kann entweder ein <a href="/de/docs/CSS/color_value#HTML.2fSVG.2fX11.c2.a0_Color_Keywords" title="CSS/color value#HTML.2fSVG.2fX11.c2.a0 Color Keywords">#RRGGBB Code</a> oder ein <a href="/#HTML.2fSVG.2fX11.c2.a0_Color_Keywords" title="#HTML.2fSVG.2fX11.c2.a0 Color Keywords">SVG Farbschlüssel</a> sein.
 <div class="note"><strong>Gebrauchsanweisung: </strong>Das {{HTMLElement("tr")}} Element sollte mit <a href="/de/docs/CSS" title="CSS">CSS</a> formatiert werden. Um denselben Effekt wie das <strong>bgcolor</strong> Attribut zu erreichen, benutzen Sie die <a href="/de/docs/CSS" title="CSS">CSS</a> Eigenschaft {{cssxref("background-color")}}.</div>
 </dd>
</dl>

<dl>
 <dt>{{htmlattrdef("char")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}}</dt>
 <dd>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 {{htmlattrxref("align", "tr")}} nicht mit <code>char</code> gesetzt ist, so wird dieses Attribut ignoriert.
 <div class="note"><strong>Bemerkung: </strong>Benutzen Sie dieses Attribut nicht, da es nicht mehr im aktuellen Standard unterstützt wird. Um denselben Effekt wie {{htmlattrxref("char", "tr")}}, in CSS3 zu erreichen, können Sie den Zeichensatz benutzen, welcher das {{htmlattrxref("char", "tr")}} Attribut als Wert der {{cssxref("text-align")}} Eigenschaft enthält {{unimplemented_inline}}.</div>
 </dd>
</dl>

<dl>
 <dt>{{htmlattrdef("charoff")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}}</dt>
 <dd>Dieses Attribut wird benutzt um die Anzahl der Charaktere zu bestimmen, welche als Abstand für den Kolonneninhalt genommen und durch das <strong>char</strong> Attribut definiert wird.
 <div class="note"><strong>Bemerkung: </strong>Benutzen Sie dieses Attribut nicht, da es nicht mehr im aktuellen Standard unterstützt wird.</div>
 </dd>
</dl>

<dl>
 <dt>{{htmlattrdef("valign")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}}</dt>
 <dd>Dieses Attribut definiert die vertikale Ausrichtung des Textes in jeder Zeile. Mögliche Werte für dieses Attribut sind:
 <ul>
  <li><code>baseline</code>, platziert den Text so nah wie möglich an den unteren Rand der Zelle, aber richtet sie an der <a class="external" href="http://en.wikipedia.org/wiki/Baseline_%28typography%29" title="http://en.wikipedia.org/wiki/Baseline_(typography)">Basislinie</a> der Charaktere aus anstatt am unteren Rand derselben. Sind alle Charaktere von derselben Grösse, so hat es denselben Effekt wie <code>bottom</code>.</li>
  <li><code>bottom</code>, platziert den Text so nah wie möglich an den unteren Rand der Zelle;</li>
  <li><code>middle</code>, zentriert den Text innerhalb der Zelle;</li>
  <li>und <code>top</code>, platziert den Text so nah wie möglich an den oberen Rand der Zelle.</li>
 </ul>

 <div class="note"><strong>Note: </strong>Benutzen Sie dieses Attribut nicht, da es nicht mehr im aktuellen Standard unterstützt wird; benutzen Sie die CSS {{cssxref("vertical-align")}} Eigenschaft.</div>
 </dd>
</dl>

<h2 id="Beispiele">Beispiele</h2>

<p>Siehe {{HTMLElement("table")}} für Beispiele von <code>&lt;tr&gt;</code>.</p>

<h2 id="Browserkompatibilität">Browserkompatibilität</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Basis Unterstützung</td>
   <td>1.0</td>
   <td>{{CompatGeckoDesktop("1.0")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td><code>align/valign</code> Attribut</td>
   <td>1.0</td>
   <td>{{CompatNo}} [1]</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td><code>char/charoff</code> Attribut</td>
   <td>1.0</td>
   <td>{{CompatNo}} [2]</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td><code>bgcolor</code> Attribute {{Non-standard_inline}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basis Unterstützung</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile("1.0")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td><code>align/valign</code> Attribut</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatNo}} [1]</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>char/charoff</code> Attribut</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatNo}} [2]</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>bgcolor</code> Attribut {{Non-standard_inline}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<p>[1] Siehe {{bug(915)}}.</p>

<p>[2] Siehe {{bug(2212)}}.</p>

<h2 id="Siehe_auch">Siehe auch</h2>

<ul>
 <li>Andere Tabellen-bezogene HTML Elemente: {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}};</li>
 <li>CSS Eigenschaften und Pseudo-Klassen die eventuel wichtig sind für die Formatierung des <code>&lt;tr&gt;</code> Elementes:
  <ul>
   <li>Die {{cssxref(":nth-child")}} Pseudo-Klasse für die Ausrichtung der Zellen ganzer Zeilen und Spalten;</li>
   <li>Die {{cssxref("text-align")}} Eigenschaft um alle Zelleninhalte auf demselben Charakter auszurichten, wie '.'.&lt;</li>
  </ul>
 </li>
</ul>

<p>{{HTMLRef}}</p>