unicode-bidi プロパティ

最終更新：2026-09-13

unicode-bidi unicode-bidi プロパティ

unicode-bidi プロパティはテキストの Unicode 双方向アルゴリズム（Unicode Bidirectional Algorithm）を制御し、異なる方向のテキスト（英語とアラビア語など）が混在する場合を処理します。テキストの埋め込みレベルを変更したり、方向を上書きしたり、要素を親の方向コンテキストから切り離したりでき、国際化されたサイトで複雑なテキスト方向を扱うための重要なプロパティです。

カテゴリ
初期値	normal
継承	いいえ
適用対象
アニメーションタイプ
CSS バージョン	CSS2
状態	標準

📝 構文

unicode-bidi: normal | embed | isolate | bidi-override | isolate-override | plaintext;

⚙️ 値

値	タイプ	説明
`normal \| embed \| isolate \| bidi-override \| isolate-override \| plaintext`	キーワード	双方向テキストの処理モード

▶ 例

以下のコードを編集して、プレイグラウンドでライブ結果を確認してください：

▶ 試す

🌐 ブラウザーサポート

ブラウザー	Chrome	Edge	Firefox	Safari	Opera
unicode-bidi	✓ v10	✓ v12	✓ v1	✓ v1	✓ v1
すべての主要ブラウザーでサポート

ヒント： isolate は最もよく使われる値です。要素の方向が周囲のテキストに影響したり、その逆が起きたりするのを防ぎ、サードパーティのコンテンツを埋め込むのに適しています。

重要： bidi-override はテキストの方向を強制的に反転させ、表示順序が乱れる可能性があります。本当に必要でない限り、isolate を使用することをお勧めします。

❓ よくある質問

Qunicode-bidi と direction プロパティはどのように関係していますか？

Adirection はテキストの書字方向を設定します。unicode-bidi はその方向が周囲のテキストとどのように相互作用するかを制御します。両者は通常一緒に使用されます。direction が方向を指定し、unicode-bidi が分離（isolation）または上書き（override）の動作を指定します。

Q混合方向のテキストに unicode-bidi プロパティはいつ必要ですか？

Aページが異なる方向のテキスト（英語の中に埋め込まれたアラビア語など）を混在させる場合、または全体のレイアウトに影響を与えずにサードパーティのコンテンツを埋め込む必要がある場合は、unicode-bidi: isolate を使用して方向コンテキストを分離します。

Qunicode-bidi: isolate と bidi-override の違いは何ですか？

Aisolate は要素内の双方向テキストを独立した段落として扱い、方向が互いに影響しないようにします。これはサードパーティや混合言語のコンテンツを埋め込むのに最適です。一方 bidi-override は、direction に従ってすべての文字順序を強制的に決定するため、期待した表示が乱れやすく、特殊な場合にのみ使用します。