aboutsummaryrefslogtreecommitdiff
path: root/files/de/web/html/element/bdo/index.html
blob: a97af7ab389ee6552261771ff5721636aa77f194 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
---
title: <bdo>
slug: Web/HTML/Element/bdo
tags:
  - BiDi
  - Element
  - HTML
  - HTML Text-Level Semantik
  - NeedsCompatTable
  - Referenz
  - Web
translation_of: Web/HTML/Element/bdo
---
<h2 id="Übersicht">Übersicht</h2>

<p>Das <strong>HTML <code>&lt;bdo&gt;</code> Element</strong> (oder <em>HTML bidirectional override element</em>) wird genutzt um die Laufrichtung von Texten zu überschreiben. Die Richtungsabhängigkeit der einzelnen Buchstaben wird ignoriert, stattdessen wird die spezifische Richtungsabhängigkeit favorisiert.</p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Inhaltskategorien</a></th>
   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Fließender Inhalt</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Formulierungsinhalt</a>, greifbarer Inhalt.</td>
  </tr>
  <tr>
   <th scope="row">Erlaubter Inhalt</th>
   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Formulierungsinhalt</a>.</td>
  </tr>
  <tr>
   <th scope="row">Tag Auslassung</th>
   <td>{{no_tag_omission}}</td>
  </tr>
  <tr>
   <th scope="row">Erlaubte Elternelemente</th>
   <td>Jedes Element, das <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Formulierungsinhalt</a> akzeptiert.</td>
  </tr>
  <tr>
   <th scope="row">DOM Schnittstelle</th>
   <td>{{domxref("HTMLElement")}} Bis einschließlich Gecko 1.9.2 (Firefox 4) hat Firefox die <a href="/en-US/docs/DOM/span" title="DOM/span"><span style="font-family: courier new;">HTMLSpanElement</span></a> Schnittstelle für dieses Element implementiert.</td>
  </tr>
 </tbody>
</table>

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

<p><span style="line-height: 21px;">Dieses Element schließt </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">globale Attribute</a><span style="line-height: 21px;"> ein.</span></p>

<dl>
 <dt>{{htmlattrdef("dir")}}</dt>
 <dd>Textausrichtung in diesem Element. Mögliche Werte sind:
 <ul>
  <li><code>ltr</code>: Indiziert, dass der Text von links-nach-rechts ausgerichtet wird.</li>
  <li><code>rtl</code>: Indiziert, dass der Text von rechts-nach-links ausgerichtet wird.</li>
  <li><code>auto</code>: Der Browser entscheidet über die Ausrichtung, basierend auf den Inhalt des Elements.</li>
 </ul>
 </dd>
</dl>

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

<pre class="brush: html">&lt;!-- Ändere die Textrichtung --&gt;
&lt;p&gt;Dieser Text wird von links nach rechts gehen.&lt;/p&gt;
&lt;p&gt;&lt;bdo dir="rtl"&gt;Dieser Text wird von rechts nach links gehen.&lt;/bdo&gt;&lt;/p&gt;</pre>

<h3 id="Ergebnis">Ergebnis</h3>

<p>Dieser Text wird von links nach rechts gehen.</p>

<p>.neheg sknil hcan sthcer nov driw txeT reseiD</p>

<h2 id="Bemerkung">Bemerkung</h2>

<p>In der HTML 4 Spezifikation werden keine Events für dieses Element beschrieben; diese wurden in XHTML hinzugefügt. Dies wird oftmals übersehen.</p>

<h2 id="Specifications" name="Specifications">Spezifikationen</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spezifikation</th>
   <th scope="col">Status</th>
   <th scope="col">Kommentar</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-bdo-element', '&lt;bdo&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'the-bdo-element.html#the-bdo-element', '&lt;bdo&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'dirlang.html#h-8.2.4', '&lt;bdo&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_Kompatibilität">Browser Kompatibilitä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 (WebKit)</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</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 Phone</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

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