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
|
---
title: <bdi>
slug: Web/HTML/Element/bdi
translation_of: Web/HTML/Element/bdi
---
<h2 id="Resumo">Resumo</h2>
<div style="color: rgb(68, 68, 68); font-family: 'Segoe UI'; line-height: 20px;"><span id="ouHighlight__0_2TO0_0">O</span><span id="noHighlight_0.25321983080357313"> </span><span id="ouHighlight__4_7TO2_5">HTML</span><span id="noHighlight_0.6554693980142474"> </span><span id="ouHighlight__9_13TO7_11"><bdi></span><span id="ouHighlight__15_21TO12_19">elemento</span><span id="noHighlight_0.9511294178664684"> </span><span id="ouHighlight__23_25TO21_23">(ou</span><span id="noHighlight_0.9838762788567692"> </span><span id="ouHighlight__52_59TO25_32">elemento</span><span id="noHighlight_0.4640860806684941"> de </span><span id="ouHighlight__42_50TO37_46">isolamento</span><span id="noHighlight_0.6476994450204074"> de </span><span id="ouHighlight__27_40TO51_63">Bi-direcional</span><span id="ouHighlight__52_59TO64_64">)</span><span id="noHighlight_0.9751175972633064"> </span><span id="ouHighlight__61_68TO66_70">isola</span><span id="noHighlight_0.46404190897010267"> </span><span id="ouHighlight__70_70TO72_73">um</span><span id="noHighlight_0.8199374077375978"> </span><span id="ouHighlight__72_75TO75_80">trecho</span><span id="ouHighlight__77_78TO82_83">de</span><span id="noHighlight_0.10497640678659081"> </span><span id="ouHighlight__80_83TO85_89">texto</span><span id="noHighlight_0.6559448065236211"> </span><span id="ouHighlight__85_88TO91_93">que</span><span id="noHighlight_0.43894259887747467"> </span><span id="ouHighlight__90_94TO95_98">pode</span><span id="noHighlight_0.16636165999807417"> </span><span id="ouHighlight__96_97TO100_102">ser</span><span id="noHighlight_0.4350285651162267"> </span><span id="ouHighlight__99_107TO104_112">formatado</span><span id="noHighlight_0.6019896985962987"> </span><span id="ouHighlight__109_110TO114_115">em</span><span id="noHighlight_0.7196951480582356"> </span><span id="ouHighlight__112_112TO117_119">uma</span><span id="noHighlight_0.010187389561906457"> </span><span id="ouHighlight__124_132TO121_127">direção</span><span id="noHighlight_0.700361228780821"> </span><span id="ouHighlight__114_122TO129_137">diferente</span><span id="noHighlight_0.2754423574078828"> </span><span id="ouHighlight__134_137TO139_140">de</span><span id="noHighlight_0.3110014407429844"> </span><span id="ouHighlight__139_143TO142_146">outro</span><span id="noHighlight_0.2142986578401178"> </span><span id="ouHighlight__145_148TO148_152">texto</span><span id="noHighlight_0.8142082458361983"> </span><span id="ouHighlight__150_156TO154_157">fora</span><span id="noHighlight_0.9718295908533037"> </span><span id="ouHighlight__158_160TO159_162">dela</span><span id="noHighlight_0.08479978539980948">.</span></div>
<div style="color: rgb(68, 68, 68); font-family: 'Segoe UI'; line-height: 20px;"> </div>
<p><span id="ouHighlight__0_3TO0_3">Este</span><span id="noHighlight_0.7554138673003763"> </span><span id="ouHighlight__5_11TO5_12">elemento</span><span id="noHighlight_0.9105970792006701"> </span><span id="ouHighlight__13_14TO14_14">é</span><span id="noHighlight_0.02825332246720791"> </span><span id="ouHighlight__16_21TO16_19">útil</span><span id="noHighlight_0.49017372098751366"> </span><span id="ouHighlight__23_26TO21_22">ao</span><span id="noHighlight_0.833095996407792"> </span><span id="ouHighlight__28_36TO24_33">incorporar</span><span id="noHighlight_0.6412814292125404"> o </span><span id="ouHighlight__38_41TO37_41">texto</span><span id="noHighlight_0.5279295009095222"> </span><span id="ouHighlight__43_46TO43_45">com</span><span id="noHighlight_0.6386495919432491"> </span><span id="ouHighlight__48_49TO47_49">uma</span><span id="noHighlight_0.8489199872128665"> </span><span id="ouHighlight__59_72TO51_57">direção</span><span id="noHighlight_0.9773911898955703"> </span><span id="ouHighlight__51_57TO59_70">desconhecida</span><span id="noHighlight_0.5116830433253199">,</span><span id="noHighlight_0.7326054258737713"> </span><span id="ouHighlight__75_78TO73_74">de</span><span id="noHighlight_0.008567805867642164"> </span><span id="ouHighlight__80_80TO76_77">um </span><span id="ouHighlight__82_89TO79_92">banco de dados</span><span id="noHighlight_0.24359390302561224"> </span><span id="ouHighlight__91_93TO94_96">por</span><span id="noHighlight_0.1003112040925771"> </span><span id="ouHighlight__95_101TO98_104">exemplo</span><span id="noHighlight_0.4042799514718354">,</span><span id="noHighlight_0.9500157283619046"> </span><span id="ouHighlight__104_109TO107_117">no interior</span><span id="noHighlight_0.8313138401135802"> do </span><span id="ouHighlight__111_114TO122_126">texto</span><span id="noHighlight_0.5792264079209417"> </span><span id="ouHighlight__116_119TO128_130">com</span><span id="noHighlight_0.6307996944524348"> </span><span id="ouHighlight__121_121TO132_134">uma</span><span id="noHighlight_0.4534156653098762"> </span><span id="ouHighlight__129_142TO136_142">direção</span><span id="noHighlight_0.24449271336197853"> </span><span id="ouHighlight__123_127TO144_147">fixa</span><span id="noHighlight_0.3078894999343902">.</span></p>
<p><span id="ouHighlight__0_5TO0_5">Apesar</span><span id="noHighlight_0.8827422398608178"> do </span><span id="ouHighlight__11_14TO10_14">mesmo</span><span id="noHighlight_0.882797094527632"> </span><span id="ouHighlight__23_28TO16_21">efeito</span><span id="noHighlight_0.8019994916394353"> </span><span id="ouHighlight__16_21TO23_28">visual</span><span id="noHighlight_0.06297104642726481"> </span><span id="ouHighlight__30_32TO30_33">pode</span><span id="noHighlight_0.3491354058496654"> </span><span id="ouHighlight__34_35TO35_37">ser</span><span id="noHighlight_0.6706520325969905"> </span><span id="ouHighlight__37_44TO39_47">alcançado</span><span id="noHighlight_0.7179052042774856"> </span><span id="ouHighlight__46_50TO49_54">usando</span><span id="noHighlight_0.8405010907445103"> </span><span id="ouHighlight__52_54TO56_56">a</span><span id="noHighlight_0.41030527791008353"> </span><span id="ouHighlight__60_63TO58_62">regra</span><span id="noHighlight_0.8244769684970379"> de </span><span id="ouHighlight__56_58TO67_69">CSS</span><span id="ouHighlight__65_92TO71_98">{{cssxref("unicode-bidi")}}:</span><span id="noHighlight_0.7606142449658364"> </span><span id="ouHighlight__94_100TO100_105">isolar</span><span id="noHighlight_0.7547905251849443"> </span><span id="ouHighlight__105_105TO107_108">um</span><span id="noHighlight_0.8205506079830229"> </span><span id="ouHighlight__107_129TO110_132">{{HTMLElement("span")}}</span><span id="noHighlight_0.5687660162802786"> </span><span id="ouHighlight__131_132TO134_135">ou</span><span id="noHighlight_0.8983000349253416"> </span><span id="ouHighlight__134_140TO137_141">outro</span><span id="noHighlight_0.23344315774738789"> </span><span id="ouHighlight__158_164TO143_150">elemento</span><span id="noHighlight_0.9712034852709621"> de </span><span id="ouHighlight__142_156TO155_164">formatação</span><span id="noHighlight_0.6452725476119667"> de </span><span id="ouHighlight__142_156TO169_173">texto</span><span id="noHighlight_0.371194236446172">,</span><span id="noHighlight_0.6485432204790413"> </span><span id="ouHighlight__167_169TO176_176">o</span><span id="noHighlight_0.08094707457348704"> </span><span id="ouHighlight__180_186TO178_188">significado</span><span id="noHighlight_0.39352240110747516"> </span><span id="ouHighlight__171_178TO190_198">semântico</span><span id="noHighlight_0.9879310647957027"> </span><span id="ouHighlight__191_194TO200_201">só</span><span id="noHighlight_0.49152605095878243"> </span><span id="ouHighlight__188_189TO203_203">é</span><span id="noHighlight_0.3073125807568431"> </span><span id="ouHighlight__196_203TO205_216">transportado</span><span id="noHighlight_0.9707951827440411"> </span><span id="ouHighlight__205_206TO218_221">pelo</span><span id="noHighlight_0.5125817665830255"> </span><span id="ouHighlight__208_210TO223_230">elemento</span><span id="noHighlight_0.9626453767996281"> de</span><span id="ouHighlight__212_216TO235_239"><bdi></span><span id="noHighlight_0.382017228519544">.</span><span id="noHighlight_0.7930675493553281"> </span><span id="ouHighlight__227_236TO242_254">Especialmente</span><span id="noHighlight_0.9823549354914576">,</span><span id="noHighlight_0.9089996474795043"> </span><span id="ouHighlight__239_246TO257_270">os navegadores</span><span id="noHighlight_0.4786272435449064"> </span><span id="ouHighlight__252_258TO272_276">podem</span><span id="noHighlight_0.812615460017696"> </span><span id="ouHighlight__263_268TO278_284">ignorar</span><span id="noHighlight_0.4324913469608873"> </span><span id="ouHighlight__274_280TO286_292">estilos</span><span id="noHighlight_0.8354158513247967"> </span><span id="ouHighlight__270_272TO294_296">CSS</span><span id="noHighlight_0.443051362875849">.</span><span id="noHighlight_0.22193246567621827"> </span><span id="ouHighlight__286_289TO299_303">Nesse</span><span id="noHighlight_0.4085162605624646"> </span><span id="ouHighlight__293_296TO305_308">caso</span><span id="noHighlight_0.4657177780754864">,</span><span id="noHighlight_0.9268165768589824"> </span><span id="ouHighlight__299_301TO311_311">o</span><span id="noHighlight_0.39682723418809474"> </span><span id="ouHighlight__303_306TO313_317">texto </span><span id="ouHighlight__308_312TO319_323">seria</span><span id="noHighlight_0.2573021047282964"> </span><span id="ouHighlight__314_318TO325_329">ainda</span><span id="noHighlight_0.2587680167052895"> </span><span id="ouHighlight__323_331TO331_342">corretamente</span><span id="noHighlight_0.4873588739428669"> </span><span id="ouHighlight__333_341TO344_350">exibido</span><span id="noHighlight_0.00005012121982872486"> </span><span id="ouHighlight__343_347TO352_357">usando</span><span id="noHighlight_0.959427208872512"> </span><span id="ouHighlight__349_351TO359_359">o</span><span id="noHighlight_0.46664790343493223"> </span><span id="ouHighlight__358_364TO361_368">elemento</span><span id="noHighlight_0.8604529893491417"> </span><span id="ouHighlight__353_356TO370_373">HTML</span><span id="noHighlight_0.9177420460619032">,</span><span id="noHighlight_0.08654749696142972"> </span><span id="ouHighlight__367_369TO376_378">mas</span><span id="noHighlight_0.43514942773617804"> se </span><span id="ouHighlight__371_381TO383_389">tornará</span><span id="noHighlight_0.5058314143680036"> </span><span id="ouHighlight__383_389TO391_394">lixo </span><span id="ouHighlight__391_394TO396_401">quando</span><span id="noHighlight_0.6406023774761707"> </span><span id="ouHighlight__396_400TO403_408">usando</span><span id="noHighlight_0.9773929887451231"> </span><span id="ouHighlight__402_404TO410_410">o</span><span id="noHighlight_0.4543722909875214"> </span><span id="ouHighlight__410_416TO412_417">estilo</span><span id="noHighlight_0.3970386404544115"> </span><span id="ouHighlight__406_408TO419_421">CSS</span><span id="noHighlight_0.6424709260463715"> </span><span id="ouHighlight__418_419TO423_426">para</span><span id="noHighlight_0.5918963155709207"> </span><span id="ouHighlight__421_426TO428_437">transmitir</span><span id="noHighlight_0.9250977048650384"> </span><span id="ouHighlight__428_435TO439_447">semântica</span><span id="noHighlight_0.6185589011292905">.</span></p>
<ul class="htmlelt">
<li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Content categories</a></dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>, palpable content.</li>
<li><dfn>Permitted content</dfn><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Flow_content">Phrasing content</a>.</li>
<li><dfn>Tag omission</dfn> {{no_tag_omission}}</li>
<li><dfn>Permitted parent elements</dfn> Any element that accepts <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Flow_content">phrasing content</a>.</li>
<li><dfn>DOM interface</dfn> {{domxref("HTMLElement")}}</li>
</ul>
<h2 id="Atributos">Atributos</h2>
<p><span id="ouHighlight__0_3TO0_3" style="color: #444444; font-family: segoe ui; line-height: 20px;">Como</span><span id="noHighlight_0.001214201096445322" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__5_7TO5_12" style="color: #444444; font-family: segoe ui; line-height: 20px;">todos os</span><span id="noHighlight_0.826984302373603" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__9_13TO14_19" style="color: #444444; font-family: segoe ui; line-height: 20px;">outros</span><span id="noHighlight_0.4603832468856126" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__20_27TO21_29" style="color: #444444; font-family: segoe ui; line-height: 20px;">elementos</span><span id="noHighlight_0.7513500798959285" style="color: #444444; font-family: segoe ui; line-height: 20px;"> do </span><span id="ouHighlight__15_18TO34_37" style="color: #444444; font-family: segoe ui; line-height: 20px;">HTML</span><span id="noHighlight_0.836860227631405" style="color: #444444; font-family: segoe ui; line-height: 20px;">,</span><span id="noHighlight_0.6667805451434106" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__30_33TO40_43" style="color: #444444; font-family: segoe ui; line-height: 20px;">este</span><span id="noHighlight_0.24774297140538692" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__35_41TO45_52" style="color: #444444; font-family: segoe ui; line-height: 20px;">elemento</span><span id="noHighlight_0.9662830734159797" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__43_45TO54_56" style="color: #444444; font-family: segoe ui; line-height: 20px;">tem</span><span id="noHighlight_0.06186480657197535" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__47_49TO58_59" style="color: #444444; font-family: segoe ui; line-height: 20px;">os</span><span id="noHighlight_0.5859726471826434" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__58_67TO61_69" style="color: #444444; font-family: segoe ui; line-height: 20px;">atributos</span><span id="noHighlight_0.02038295636884868" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__51_56TO71_77" style="color: #444444; font-family: segoe ui; line-height: 20px;">globais</span><span id="noHighlight_0.44103528815321624" style="color: #444444; font-family: segoe ui; line-height: 20px;">, </span><span id="ouHighlight__70_73TO80_82" style="color: #444444; font-family: segoe ui; line-height: 20px;">com</span><span id="noHighlight_0.5824840031564236" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__75_75TO84_86" style="color: #444444; font-family: segoe ui; line-height: 20px;">uma</span><span id="noHighlight_0.18953034467995167" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__77_82TO88_94" style="color: #444444; font-family: segoe ui; line-height: 20px;">pequena</span><span id="noHighlight_0.3756751879118383" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__93_102TO96_104" style="color: #444444; font-family: segoe ui; line-height: 20px;">diferença</span><span id="noHighlight_0.4072504623327404" style="color: #444444; font-family: segoe ui; line-height: 20px;"> de </span><span id="ouHighlight__84_91TO109_117" style="color: #444444; font-family: segoe ui; line-height: 20px;">semântica</span><span id="noHighlight_0.673395758960396" style="color: #444444; font-family: segoe ui; line-height: 20px;">:</span><span id="noHighlight_0.25477161654271185" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__105_107TO120_120" style="color: #444444; font-family: segoe ui; line-height: 20px;">o</span><span id="noHighlight_0.521450299071148" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__113_121TO122_129" style="color: #444444; font-family: segoe ui; line-height: 20px;">atributo</span><span id="noHighlight_0.6080204544123262" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__109_111TO131_133" style="color: #444444; font-family: segoe ui; line-height: 20px;">dir</span><span id="noHighlight_0.6893899932038039" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__126_128TO135_137" style="color: #444444; font-family: segoe ui; line-height: 20px;">não</span><span id="noHighlight_0.6315366947092116" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__123_124TO139_139" style="color: #444444; font-family: segoe ui; line-height: 20px;">é</span><span id="noHighlight_0.6892995934467763" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__130_138TO141_147" style="color: #444444; font-family: segoe ui; line-height: 20px;">herdado</span><span id="noHighlight_0.987318622181192" style="color: #444444; font-family: segoe ui; line-height: 20px;">.</span><span id="noHighlight_0.29314392316155136" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__141_142TO150_151" style="color: #444444; font-family: segoe ui; line-height: 20px;">Se</span><span id="noHighlight_0.5244616428390145" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__144_146TO153_155" style="color: #444444; font-family: segoe ui; line-height: 20px;">não </span><span id="ouHighlight__148_150TO157_164" style="color: #444444; font-family: segoe ui; line-height: 20px;">definido</span><span id="noHighlight_0.5649776619393378" style="color: #444444; font-family: segoe ui; line-height: 20px;">,</span><span id="noHighlight_0.4689762145280838" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__153_155TO167_167" style="color: #444444; font-family: segoe ui; line-height: 20px;">o</span><span id="noHighlight_0.5695626470260322" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__165_169TO169_173" style="color: #444444; font-family: segoe ui; line-height: 20px;">valor</span><span id="noHighlight_0.10759570635855198" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__157_163TO175_180" style="color: #444444; font-family: segoe ui; line-height: 20px;">padrão</span><span id="noHighlight_0.9993769233115017" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__171_172TO182_182" style="color: #444444; font-family: segoe ui; line-height: 20px;">é</span><span id="noHighlight_0.7498440719209611" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__174_176TO184_184" style="color: #444444; font-family: segoe ui; line-height: 20px;">o</span><span id="noHighlight_0.7486646100878716" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__178_181TO186_189" style="color: #444444; font-family: segoe ui; line-height: 20px;">auto</span><span id="noHighlight_0.49608228635042906" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__183_187TO191_193" style="color: #444444; font-family: segoe ui; line-height: 20px;">que</span><span id="noHighlight_0.5011617795098573" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__189_191TO195_199" style="color: #444444; font-family: segoe ui; line-height: 20px;">deixa</span><span id="noHighlight_0.04530308395624161" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__193_195TO201_201" style="color: #444444; font-family: segoe ui; line-height: 20px;">o</span><span id="noHighlight_0.6820721987169236" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__197_203TO203_211" style="color: #444444; font-family: segoe ui; line-height: 20px;">navegador</span><span id="noHighlight_0.6961749503389001" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__205_210TO213_219" style="color: #444444; font-family: segoe ui; line-height: 20px;">decidir</span><span id="noHighlight_0.07850909815169871" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__212_214TO221_221" style="color: #444444; font-family: segoe ui; line-height: 20px;">a</span><span id="noHighlight_0.6631842595525086" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__216_224TO223_229" style="color: #444444; font-family: segoe ui; line-height: 20px;">direção</span><span id="noHighlight_0.11175237642601132" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__226_230TO231_238" style="color: #444444; font-family: segoe ui; line-height: 20px;">com base </span><span id="ouHighlight__232_233TO240_241" style="color: #444444; font-family: segoe ui; line-height: 20px;">no</span><span id="noHighlight_0.8664585656952113" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__249_255TO243_250" style="color: #444444; font-family: segoe ui; line-height: 20px;">conteúdo</span><span id="noHighlight_0.42073241784237325" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__235_237TO252_253" style="color: #444444; font-family: segoe ui; line-height: 20px;">do</span><span id="noHighlight_0.01093503856100142" style="color: #444444; font-family: segoe ui; line-height: 20px;"> </span><span id="ouHighlight__239_247TO255_262" style="color: #444444; font-family: segoe ui; line-height: 20px;">elemento</span><span id="noHighlight_0.09879596228711307" style="color: #444444; font-family: segoe ui; line-height: 20px;">.</span></p>
<h2 id="Exemplo">Exemplo</h2>
<pre class="brush: html"><p dir="ltr">Esta palavra arábica <bdi>ARABIC_PLACEHOLDER</bdi> é automaticamente voltada da direita</p>
</pre>
<h3 id="Resultado">Resultado</h3>
<p dir="ltr">Esta palavra arábica <bdi>ARABIC_PLACEHOLDER</bdi> é automaticamente voltada da direita</p>
<h2 id="Specifications" name="Specifications">Especificações</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-bdi-element', '<bdi>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'the-bdi-element.html#the-bdi-element', '<bdi>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td> </td>
</tr>
</tbody>
</table>
<h2 id="Compatibilidade_com_Navegadores">Compatibilidade com Navegadores</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</th>
</tr>
<tr>
<td>Basic support</td>
<td>16</td>
<td>{{CompatGeckoDesktop("10.0")}}</td>
<td>{{CompatNo}}</td>
<td>{{CompatNo}}</td>
<td>{{CompatNo}}</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 Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatNo}}</td>
<td>{{CompatGeckoMobile("10.0")}}</td>
<td>{{CompatNo}}</td>
<td>{{CompatNo}}</td>
<td>{{CompatNo}}</td>
</tr>
</tbody>
</table>
</div>
<h2 dir="ltr" id="Veja_Também">Veja Também:</h2>
<ul>
<li>Related HTML element: {{HTMLElement("bdo")}}</li>
<li>Related HTML properties: {{cssxref("direction")}}, {{cssxref("unicode-bidi")}}</li>
</ul>
<p>{{HTMLRef}}</p>
|
