このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

bdi”要素~“dir”属性

記事May 19th,2015
July 7th,2020
書字方向の指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

dir”属性について

dir”属性は書字方向を明確に指定します。

dir”属性はグローバル属性ですが、他の要素に指定した場合と意味合いが異なります。初期値は“auto”で、これは親要素のdir”属性の値を継承しないことを意味し、bdi”要素の内容の文字に設定されている書字方向に従って書字方向が決められます。

指定できる値

属性値 説明
auto 自動
ltr 左から右へ文字を書く
rtl 右から左へ文字を書く

サンプルコード

<ul>
<li><bdi dir="rtl">ﺗﺎﺭﻭﺃﻭ</bdi>:昨日は<bdi dir="rtl">ﻣﻮﻣﻮﻛﻮ</bdi>と2人でご飯に行った。</li>
<li><bdi dir="rtl">ﻫﺎﻧﺎﻛﻮ</bdi>:2人で?</li>
<li><bdi dir="rtl">ﺗﺎﺭﻭﺃﻭ</bdi>:2人で。</li>
<li><bdi dir="rtl">ﻫﺎﻧﺎﻛﻮ</bdi>:4日前もそう言ってたよ。</li>
</ul>
  • ﺗﺎﺭﻭﺃﻭ:昨日はﻣﻮﻣﻮﻛﻮと2人でご飯に行った。
  • ﻫﺎﻧﺎﻛﻮ:2人で?
  • ﺗﺎﺭﻭﺃﻭ:2人で。
  • ﻫﺎﻧﺎﻛﻮ:4日前もそう言ってたよ。
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク