言語
日本語
English

Caution

お使いのブラウザはJavaScriptが無効になっております。
当サイトでは検索などの処理にJavaScriptを使用しています。
より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。

CSS辞典

  1. トップページ
  2. CSS辞典
  3. unicode-bidi

unicode-bidi

『Unicode』で設定されている文字の進行方向を上書きします。

サンプルコード

div.test { unicode-bidi: normal;}
div.test { unicode-bidi: bidi-override;}

指定可能な値一覧

概要
normal『Unicode』で設定されている文字の進行方向をそのまま適用します。この『normal』が初期値です。
embed『Unicode』で設定されている文字の進行方向に新たに『direction』プロパティで指定した値を追加します。
bidi-override『Unicode』で設定されている文字の進行方向に関する項目を全て無効にし、『direction』プロパティで指定した値を強制的に適用します。

対応ブラウザ

Chrome Chrome
2 以降
1 以前 ×
Firefox Firefox
1 以降
Safari Safari
1.3 以降
Edge Edge
12 以降
全バージョンで対応しています
IE IE
11
10
9
8
7
6
Opera Opera
9.2 以降
8 以前 ×
iOS Safari iOS Safari
1 以降
Android Android Browser
4.4 以降
3 以前 ×
Chrome Android Chrome Android
最新版
デスクトップ版と同等の対応です
Firefox Android Firefox Android
最新版
デスクトップ版と同等の対応です

※ バージョン情報は MDN に基づいています。

概要

『Unicode』で設定されている文字の進行方向を上書きします。

『Unicode』とは日本語、英語、ロシア語、中国語などほぼ全ての言語を網羅している文字の集合体のことです。この『Unicode』には文字の進行方向といった情報も実装されていますが、その進行方向に対する情報を上書きできるのが『unicode-bidi』プロパティとなります。

『unicode-bidi』プロパティは主に『direction』プロパティで指定した値(文字の進行方向を指定)を反映させたい場合のみ記述されるプロパティです。ブラウザによって差がありますが、『unicode-bidi』プロパティに『bidi-override』と指定しておけば『direction』プロパティで指定した値を反映させることができるでしょう。

記事の間違いや著作権の侵害等ございましたらお手数ですがまでご連絡頂ければ幸いです。