文字方向の埋め込みと上書き

説明

unicode-bidi: unicode-bidi; C2- ie5-

値:	normal \| embed \| bidi-override \| inherit

初期値：normal、適用要素：すべて、継承：しない、%値：なし、メディア：ビジュアル

unicode-bidiプロパティは、文字方向に関する指示を新しく埋め込んだり、上書きしたりします。

使用例


<div style="direction:rtl; unicode-bidi:bidi-override">昔は、日本語も右から左へと読みました。</div>

unicode-bidi プロパティの値

normal	C2- ie5- 文字方向に関する指示を新しく埋め込みません。初期値。
embed	C2- ie5- 指定した要素がインライン要素の場合、文字方向に関する指示を新しく埋め込みます。この場合の文字方向は、directionプロパティで設定されている方向になります。この指定は、Unicode文字で要素の先頭にLRE(Left-to-Right Embedding [U+202A])またはRLE(Right-to-Left Embedding [U+202B])、要素の末尾にPDF(Pop Directional Formatting [U+202C])を挿入した場合と同様の結果になります。
bidi-override	C2- ie5- 指定した要素がインライン要素またはインライン要素のみを含むブロック要素である場合に、Unicodeの文字方向に関する指示を無効にし、文字方向の上書きを行います。この場合の文字方向は、directionプロパティで設定された方向となります。この指定は、Unicode文字で要素の先頭にLRO(Left-to-Right Override [U+202D])またはRLO(Right-to-Left Override [U+202E])、要素の末尾にPDF(Pop Directional Formatting [U+202C])を挿入した場合と同様の結果になります。

文字方向の指定

<span style="direction:rtl; unicode-bidi:embed;">昔は、日本語も右から左へと読みました。</span><br>
<span style="direction:ltr; unicode-bidi:embed;">今日の日本語は左から右に読みます。</span>

昔は、日本語も右から左へと読みました。
今日の日本語は左から右に読みます。

<div style="direction:rtl; unicode-bidi:bidi-override;">昔は、日本語も右から左へと読みました。</div>
<div style="direction:ltr; unicode-bidi:bidi-override;">今日の日本語は左から右に読みます。</div>

昔は、日本語も右から左へと読みました。

今日の日本語は左から右に読みます。

にちようびは、パパちんと「<span style="direction:rtl; unicode-bidi:embed;">中華街</span>」へいって、おおきな、にくまんをたべました。<br>
にちようびは、パパちんと「<span style="direction:rtl; unicode-bidi:bidi-override;">中華街</span>」へいって、おおきな、にくまんをたべました。

にちようびは、パパちんと「中華街」へいって、おおきな、にくまんをたべました。
にちようびは、パパちんと「中華街」へいって、おおきな、にくまんをたべました。

*1 ie8 ff3 o9 sf4 gc2各ブラウザにおいて、unicode-bidi:embed;の指定よる文字方向の変更は期待通りには適用されません。しかしながら、句読点や感嘆符などの向きの変更は適用されます。

文字方向の埋め込みと上書き (Text direction)

説明

使用例

unicode-bidi プロパティの値

文字方向の指定