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
|
---
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>
|
