---
title: <bdo>
slug: Web/HTML/Element/bdo
tags:
  - BiDi
  - Element
  - HTML
  - Referencia
  - Web
translation_of: Web/HTML/Element/bdo
---
<p id="Summary">{{HTMLRef}}</p>

<h2 id="Sumari">Sumari</h2>

<p><span id="result_box" lang="ca"><span class="alt-edited">L'<strong>element HTML &lt;bdo&gt;</strong> (o element HTML d'anul·lació bidireccional) s'utilitza per anul·lar la direccionalitat del text actual. Fa que la direccionalidad dels caràcters sigui ignorada en favor de la direccionalidad especificada</span></span>.</p>

<h2 id="Context_d'ús">C<span class="short_text" id="result_box" lang="ca"><span>ontext</span> <span>d'ús</span></span></h2>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de flux</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable.</td>
  </tr>
  <tr>
   <th scope="row">Contingut permès</th>
   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
  </tr>
  <tr>
   <th scope="row">Omissió de l'etiqueta</th>
   <td>{{no_tag_omission}}</td>
  </tr>
  <tr>
   <th scope="row">Elements pares permesos</th>
   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
  </tr>
  <tr>
   <th scope="row">Interfície DOM</th>
   <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) inclosos, Firefox implementa la interfície <a href="/en-US/docs/DOM/span" title="DOM/span"><span style="font-family: courier new;">HTMLSpanElement</span></a> per aquest element.</td>
  </tr>
 </tbody>
</table>

<h2 id="Atributs">Atributs</h2>

<p><span style="line-height: 21px;">Aquest element inclou els </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>

<dl>
 <dt>{{htmlattrdef("dir")}}</dt>
 <dd><span id="result_box" lang="ca"><span>La direcció</span> <span>del text</span> <span>en aquest</span> <span>element.</span> <span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span><span>:</span></span>
 <ul>
  <li><code>ltr</code>: <span id="result_box" lang="ca"><span>Indica que</span> <span>el text</span> <span>ha d'anar</span> <span>en direcció</span> <span>d'esquerra</span> <span>a dreta</span></span>.</li>
  <li><code>rtl</code>: <span id="result_box" lang="ca"><span>Indica que</span> <span>el text</span> <span>ha d'anar</span> <span>en direcció</span> <span>de dreta a esquerra</span></span>.</li>
 </ul>
 </dd>
</dl>

<h2 id="Exemples">Exemples</h2>

<pre class="brush: html">&lt;!-- Switch text direction --&gt;
&lt;p&gt;This text will go left to right.&lt;/p&gt;
&lt;p&gt;&lt;bdo dir="rtl"&gt;This text will go right to left.&lt;/bdo&gt;&lt;/p&gt;</pre>

<h3 id="Result">Result</h3>

<p><span class="short_text" id="result_box" lang="ca"><span>Aquest</span> <span>text</span> <span>anirà</span> <span>d'esquerra</span> <span>a dreta</span></span>.</p>

<p>.tfel ot thgir og lliw txet sihT</p>

<h2 id="Notes">Notes</h2>

<p><span id="result_box" lang="ca"><span class="alt-edited">L'especificació HTML 4 no va definir events per a aquest element; es van afegir a XHTML. El més probable és que es tracti d'un descuit.</span></span></p>

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

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Especificació</th>
   <th scope="col">Estat</th>
   <th scope="col">Comentari</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="Navegadors_compatibles">Navegadors compatibles</h2>

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

<div id="compat-desktop">
<table class="compat-table" style="height: 75px; width: 902px;">
 <tbody>
  <tr>
   <th>Caracteristica</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari (WebKit)</th>
  </tr>
  <tr>
   <td>Suport bàsic</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>Caracteristica</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Phone</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>