サイト内検索
...スタイルシート(css)...
スタイルシート・テキスト
文章の方向(左右)
- 文章の方向(左右)は、directionプロパティを指定します。
- [使い方]
- .sample{direction: rtl;}
| プロパティ名 | 値 | 説明 |
|---|---|---|
| direction： | ltr; | 左から右へ(標準値・初期設定値) |
| rtl; | 右から左へ |
- インライン要素の場合
- unicode-bidiをembedまたはbidi-overrideの指定が必要です。
- Unicodeの文字の表記(並ぶ)方向は、unicode-bidiを指定します。
- 日本語・英語は左から右へ
| プロパティ名 | 値 | 説明 |
|---|---|---|
| unicode-bidi: | normal; | (標準値・初期設定値) |
| embed; | directionの指定内容を組み込みます。
日本語の文章で direction: rtl; （右から左）を指定している場合 文字の並び方自体は左から右になります。 |
|
| bidi-override； | directionの指定内容を組み込みます。
日本語の文章で direction: rtl;（右から左）を指定している場合 文字の並び方自体は左から右になります。 |
サンプル
[ｈｅａｄの中]
<style type="text/css"><!--
sample0{direction:rtl;}
.sample1{unicode-bidi:embed;}
.sample2{unicode-bidi:bidi-override;}
-->
</style>
[ｂｏｄｙの中]
<p class="sample1">文字を、表記方向を右から左に指定します。</p><p class="sample2">文字の右から左に表記方向を指定します。</p>
<p class="sample0">文字の<span class="sample0">表記方向を右から左に</span>指定にします。</p>
<p class="sample0">文字の<span class="sample2">表記方向を右から左に</span>指定にします。</p>
[ブラウザ上]
|
文字の 表記方向を右から左に 指定します。 文字の 表記方向を右から左に 指定します。 文字の 表記方向を右から左に 指定します。
文字の 表記方向を右から左に 指定します。
|
