diff options
Diffstat (limited to 'files/de/web/html/element/tr/index.html')
| -rw-r--r-- | files/de/web/html/element/tr/index.html | 230 |
1 files changed, 230 insertions, 0 deletions
diff --git a/files/de/web/html/element/tr/index.html b/files/de/web/html/element/tr/index.html new file mode 100644 index 0000000000..f3a177cb40 --- /dev/null +++ b/files/de/web/html/element/tr/index.html @@ -0,0 +1,230 @@ +--- +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><tr></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><tr></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><tr></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 '.'.<</li> + </ul> + </li> +</ul> + +<p>{{HTMLRef}}</p> |