---
title: dir
slug: Web/HTML/Global_attributes/dir
tags:
  - Global attributes
  - HTML
  - Reference
translation_of: Web/HTML/Global_attributes/dir
---
<p class="note">{{HTMLSidebar("Global_attributes")}}</p>

<p><span id="result_box" lang="ca"><span>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a></span><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes"> <span>global</span></a> <strong><span>dir</span></strong> <span>és</span> <span>un atribut</span> <span>enumerat</span> <span>indica la</span> <span>direccionalitat</span> <span>del text</span> <span>de l'element.</span> <span>Pot tenir</span> <span>els</span> <span>següents</span> <span>valors</span><span>:</span></span></p>

<ul>
 <li><span style="font-family: Courier New;">ltr</span>, significa d'<em>esquerra a dreta</em> i s'utilitza per als idiomes que s'escriuen d'esquerra a la dreta (com l'anglès)</li>
 <li><span style="font-family: Courier New;">rtl</span>, significa <em>dreta a esquerra</em> i s'utilitza per als idiomes que s'escriuen de dreta a l'esquerra (com l'àrab);</li>
 <li><span style="font-family: Courier New;">auto</span>, permet a l'agent d'usuari que decideixi. S'utilitza un algoritme bàsic, que analitza els caràcters dins de l'element fins que troba un caràcter amb una direccionalitat forta, a continuació, aplicar la direccionalitat a tot l'element.</li>
</ul>

<div class="note">
<p><strong>Notes d'ùs</strong></p>

<p>Aquest atribut és obligatori per a l'element {{ HTMLElement("bdo") }} on té un significat semàntic diferent.</p>

<ul>
 <li>
  <p>Aquest atribut <em>no</em> és heretat per l'element {{ HTMLElement("bdi") }}. Si no s'estableix el seu valor a <code>auto</code>.</p>
 </li>
 <li>
  <p>Aquest atribut pot ser anul·lat per les propietats CSS {{ cssxref("direction") }} i {{ cssxref("unicode-bidi") }}, si una pàgina CSS està activa i l'element és compatible amb aquestes propietats.</p>
 </li>
 <li>
  <p>A mesura que la direccionalitat del text està semànticament relacionada amb el seu contingut i no a la seva presentació, es recomana que els desenvolupadors web utilitzin aquest atribut en lloc de les propietats CSS relacionades quan sigui possible. D'aquesta manera, el text es mostrarà correctament fins i tot en un navegador que no suporti CSS o tingui desactivada la CSS.</p>
 </li>
 <li>
  <p>El valor <code>auto</code> s'ha d'utilitzar per a les dades amb una direccionalitat desconeguda, igual que les dades procedents de l'entrada de l'usuari, eventualment emmagatzemades en una base de dades.</p>
 </li>
</ul>
</div>

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

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Especificació</th>
   <th scope="col">Estat</th>
   <th scope="col">Comentari</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG', "dom.html#the-dir-attribute", "dir")}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5.1', "dom.html#the-dir-attribute", "dir")}}</td>
   <td>{{Spec2('HTML5.1')}}</td>
   <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', "dom.html#the-dir-attribute", "dir")}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>Instantània de {{SpecName('HTML WHATWG')}}, des de {{SpecName('HTML4.01')}} s'afegeix el valor <code>auto</code>, i ara és un veritable atribut global.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', "dirlang.html#h-8.2", "dir")}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td>Suportat en tots els elements però {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("bdo")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}} i {{HTMLElement("script")}}.</td>
  </tr>
 </tbody>
</table>

<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>

<p>{{ CompatibilityTable() }}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</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>Característica</th>
   <th>Android</th>
   <th>Chrome for Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Veure">Veure</h2>

<ul>
 <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
 <li>{{domxref ("HTMLElement.dir")}} reflecteix aquest atribut.</li>
</ul>