From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/html/element/bdo/index.html | 128 +++++++++++++++++++++++++++++++ 1 file changed, 128 insertions(+) create mode 100644 files/ja/web/html/element/bdo/index.html (limited to 'files/ja/web/html/element/bdo') diff --git a/files/ja/web/html/element/bdo/index.html b/files/ja/web/html/element/bdo/index.html new file mode 100644 index 0000000000..164fd7124b --- /dev/null +++ b/files/ja/web/html/element/bdo/index.html @@ -0,0 +1,128 @@ +--- +title: ': 双方向文字列上書き要素' +slug: Web/HTML/Element/bdo +tags: + - BiDi + - HTML + - HTML 文字レベルの意味付け + - 'HTML:フローコンテンツ' + - 'HTML:知覚可能コンテンツ' + - 'HTML:記述コンテンツ' + - Reference + - Web + - ltr + - rtl + - テキスト + - 右書き + - 左書き + - 書字方向 + - 要素 +translation_of: Web/HTML/Element/bdo +--- +
{{HTMLRef}}
+ +

HTML の双方向文字列上書き要素 (<bdo>) は、現在の文字列の方向を上書きし、中の文字列が異なる方向に描画されるようにします。

+ +
{{EmbedInteractiveExample("pages/tabbed/bdo.html", "tabbed-standard")}}
+ + + +

文字列の文字は指定された方向の開始位置から描画されます。それぞれの文字の向きには影響を与えません (ですから、例えば、文字は裏返しにはなりません)。

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
コンテンツカテゴリフローコンテンツ, 記述コンテンツ, 知覚可能コンテンツ
許可されている内容記述コンテンツ
タグの省略{{no_tag_omission}}
許可されている親要素記述コンテンツを受け入れるすべての要素
暗黙の ARIA ロール対応するロールなし
許可されている ARIA ロールすべて
DOM インターフェイス{{domxref("HTMLElement")}}。Gecko 1.9.2 (Firefox 4) 以前では、Firefox はこの要素に対し HTMLSpanElement インターフェイスを実装しています。
+ +

属性

+ +

この要素はグローバル属性を持ちます。

+ +
+
{{htmlattrdef("dir")}}
+
この要素の書字方向。以下の値を指定可能です。 +
    +
  • ltr: テキストを左から右へ (Left to Right) 向かわせることを意味する指定。
    • +
  • rtl: テキストを右から左へ (Right to Left) 向かわせることを意味する指定。
    • +
+
+
+ +

例

+ +
<!-- 書字方向を切り替える -->
+<p>This text will go left to right.</p>
+<p><bdo dir="rtl">This text will go right
+to left.</bdo></p>
+
+ +

結果

+ +

{{EmbedLiveSample('Examples')}}

+ +

メモ

+ +

HTML 4 の仕様では、この要素にイベントが指定されていません。イベントは XHTML で追加されました。これは、恐らく見落としでしょう。

+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('HTML WHATWG', 'semantics.html#the-bdo-element', '<bdo>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'textlevel-semantics.html#the-bdo-element', '<bdo>')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'dirlang.html#h-8.2.4', '<bdo>')}}{{Spec2('HTML4.01')}}
+ +

ブラウザーの互換性

+ + + +

{{Compat("html.elements.bdo")}}

-- cgit v1.2.3-54-g00ecf