unicode-bidi

この文書は翻訳中です。他国語のままの部分などがあるのはその為です。
是非お気軽に MDN に登録して翻訳に参加し、私たちの手助けをして下さい!

概要

CSSunicode-bidi プロパティと direction プロパティは、文書内の 両方向性テキスト (bidirectional text) の取り扱いに関係します。例えば、テキストブロックが「左から右」と「右から左」の両方のテキストを含む場合、ユーザエージェントは、複雑な Unicode のアルゴリズムを使ってテキストの表示方法を決めます。このプロパティはこのアルゴリズムを上書きして、開発者がテキストの埋め込み (text embedding)を操作できるようにします。

注記: このプロパティは DTD デザイナー向けです。ウェブデザイナーやそれに近い著作者は、このアルゴリズムを上書きすべきではありません。
  • 初期値 normal
  • 適用対象 全要素。ただし非インライン要素では値の一部は効果なし
  • 継承 しない
  • メディア visual
  • 計算値 指定通り
  • アニメーションの可否不可
  • 正規順序 形式文法で定義される一意のあいまいでない順序

構文

形式文法: normal | embed | isolate | bidi-override | isolate-override | plaintext
unicode-bidi: normal
unicode-bidi: embed
unicode-bidi: isolate
unicode-bidi: bidi-override
unicode-bidi: isolate-override
unicode-bidi: plaintext

unicode-bidi: inherit

normal
The element does not offer a additional level of embedding with respect to the bidirectional algorithm. For inline elements implicit reordering works across element boundaries.
embed
If the element is inline, this value opens an additional level of embedding with respect to the bidirectional algorithm. The direction of this embedding level is given by the direction property.
bidi-override
For inline elements this creates an override. For block container elements this creates an override for inline-level descendants not within another block container element. This means that inside the element, reordering is strictly in sequence according to the direction property; the implicit part of the bidirectional algorithm is ignored.
isolate
This keyword indicates that the element's container directionality should be calculated without considering the content of this element. The element is therefore isolated from its siblings. When applying its bidirectional-resolution algorithm, its container element treats it as one or several U+FFFC Object Replacement Character, i.e. like an image.
isolate-override
This keyword applies the isolation behavior of the isolate keyword to the surrounding content and the override behavior of the bidi-override keyword to the inner content.
plaintext
This keyword makes the elements directionality calculated without considering its parent bidirectional state or the value of the direction property. The directionality is calculated using the P2 and P3 rules of the Unicode Bidirectional Algorithm.
This value allows to display data which has already formatted using a tool following the Unicode Bidirectional Algorithm.

.bible-quote {
  direction: rtl;   
  unicode-bidi: embed;
}

仕様

仕様書 策定状況 コメント
CSS Writing Modes Module Level 3 草案 キーワード plaintextisolateisolate-override を追加
CSS Level 2 (Revision 1) 勧告  

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 2.0 1.0 (1.7 or earlier) 5.5 9.2 1.3
isolate 16 -webkit [1] 10 (10) -moz [2] 未サポート 未サポート 未サポート
plaintext 未サポート 10 (10) -moz 未サポート 未サポート 未サポート
isolate-override 未サポート 17 (17) -moz 未サポート 未サポート 未サポート
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート 1.0 1.0 (1.0) 6 8 3.1
isolate ? 10.0 (10) -moz 未サポート 未サポート 未サポート
plaintext 未サポート 10.0 (10) -moz [3] 未サポート 未サポート 未サポート
isolate-override 未サポート 17.0 (17) -moz 未サポート 未サポート 未サポート

[1] Chrome 19 以降では、以前の仕様からの構文である、isolate キーワードを bidi-override と同時に使う構文が使えるようになりました。

[2] Firefox 10 から Firefox 16(を含む)では、旧版の仕様の構文である、isolate キーワードを bidi-override と同時に使う構文が実装されました。この構文は Firefox 17 からはもう使えません。1つの値だけを使うことができ、以前の isolate bidi-override は 新しい isolate-override キーワードを使って記述できます。

[3] Firefox 15 までは、plaintext はインライン要素に効果を持ちませんでした。Firefox 15 でこの仕様は変更され、実装は修正されました。

関連情報

Document Tags and Contributors

Contributors to this page: sosleepy, ethertank
最終更新者: ethertank,
サイドバーを隠す