CSS
.sample-normal {
direction: rtl;
unicode-bidi: normal;
}
.sample-embed {
direction: rtl;
unicode-bidi: embed;
}
.sample-override {
direction: rtl;
unicode-bidi: bidi-override;
}
HTML
<h5>normal</h5>
<div>Yamada12 [ <span class="sample-normal">يآمآدآ13 | Yamada14 | يآمآدآ15</span> ] Yamada16</div>
<h5>embed</h5>
<div>Yamada12 [ <span class="sample-embed">يآمآدآ13 | Yamada14 | يآمآدآ15</span> ] Yamada16</div>
<h5>bidi-override</h5>
<div>Yamada12 [ <span class="sample-override">يآمآدآ13 | Yamada14 | يآمآدآ15</span> ] Yamada16</div>
</div>
表示
normal
Yamada12 [ يآمآدآ13 | Yamada14 | يآمآدآ15 ] Yamada16
embed
Yamada12 [ يآمآدآ13 | Yamada14 | يآمآدآ15 ] Yamada16
bidi-override
Yamada12 [ يآمآدآ13 | Yamada14 | يآمآدآ15 ] Yamada16