---
title: <dir>
slug: Web/HTML/Element/dir
tags:
  - Element
  - HTML
  - Obsolete
  - Reference
  - Web
translation_of: Web/HTML/Element/dir
---
<div>{{Obsolete_header()}}</div>

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

<p>L'<em>element HTML directori</em>  (<code>&lt;dir&gt;</code>) representa un directori, és a dir, una col·lecció de noms d'arxiu.</p>

<div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest element. Encara present en l'especificació HTML inicial, s'ha desaprovat en HTML 4, llavors és obsoleta en <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5">HTML5</a>. Utilitzar el {{HTMLElement("ul")}} al seu lloc</div>

<h2 id="Interfície_DOM">Interfície DOM</h2>

<p>Aquest element implementa la interfície {{domxref("HTMLDirectoryElement")}}.</p>

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

<p><span id="result_box" lang="ca"><span>Igual</span> <span>que tots els altres</span> <span>elements</span> <span>HTML</span><span>, aquest element</span> <span>és</span> <span>compatible amb els</span></span> <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p>

<dl>
 <dt>{{htmlattrdef("compact")}}</dt>
 <dd>Aquest atribut booleà aconsella que la llista hauria de traduir-se en un estil compacte. La interpretació d'aquest atribut depèn de l'agent d'usuari i no funciona en tots els navegadors.
 <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que ha quedat desprovat: l'element {{HTMLElement("dir")}} s'ha de donar estil amb <a href="/en-US/docs/CSS" title="CSS">CSS</a>. Per donar un efecte similar que l'atribut <code>compact</code>, la propietat CSS {{cssxref("line-height")}} es pot utilitzar amb un valor del 80%.</div>
 </dd>
</dl>

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

<ul>
 <li><span class="short_text" id="result_box" lang="ca"><span>Altres elements</span> <span>HTML</span> <span>relacionats</span></span>: {{HTMLElement("ol")}}, {{HTMLElement("ul")}}, {{HTMLElement("li")}}, {{HTMLElement("menu")}};</li>
 <li><span id="result_box" lang="ca"><span>Propietats CSS</span> <span>que poden ser</span> <span>especialment</span> <span>útils</span> <span>per</span> <span>estilitzar</span> <span>l'element</span> <span>&lt;</span><span>dir&gt;</span><span>:</span></span>
  <ul>
   <li>La propietat {{cssxref('list-style')}}, es útil per triar la forma en què es mostra l'ordinal.</li>
   <li><a href="/en-US/docs/CSS_Counters" title="CSS_Counters">CSS counters</a>, es útil per gestionar llistes niades complexes.</li>
   <li>La propietat {{Cssxref('line-height')}}, es útil per simular el desús de l'atribut {{htmlattrxref("compact", "dir")}}.</li>
   <li>La propietat {{cssxref('margin')}}, es útil per controlar la sagnia de la llista.</li>
  </ul>
 </li>
</ul>

<div>{{HTMLRef}}</div>