direction 【文字表記の方向】
[IE5] [IE6] [IE7] [Fx1] [Fx2] [Op7] [Ns6] [Ns7]
directionプロパティは、文字表記の方向を指定する際に使用します。ltr(Left To Right)と指定すると、左から右へ、rtl(Right To Left)と指定すると、右から左へ表記されます。
directionプロパティをインライン要素に指定する際には、unicode-bidiプロパティを合わせて指定し、値をembed、またはoverrideに指定する必要があります。
Internet Explorerで日本語を右から左に表記させたい場合には、direction: rtl;と合わせて、unicode-bidi: bidi-override; を指定しなければならないようです。
ltr
左から右に文字表記します。
rtl
右から左に文字表記します。
directionの使用例
CSSファイル
.sample001 {
direction: ltr;
background-color: #ffcccc;
margin: 10px;
}
.sample002 {
direction: rtl;
unicode-bidi: bidi-override;
background-color: #ffcccc;
margin: 10px;
}
HTMLソース
<div class="sample001">directionプロパティ：左から右へ表示</div>
<div class="sample002">directionプロパティ：右から左へ表示</div>
表示すると
directionプロパティ：左から右へ表示
directionプロパティ：右から左へ表示
表示・配置関連項目
| overflow(x y) | はみ出た内容の表示方法を指定する |
| position | 要素の配置方法を指定する |
| top | 上からの配置位置(距離)を指定する |
| right | 右からの配置位置(距離)を指定する |
| bottom | 下からの配置位置(距離)を指定する |
| left | 左からの配置位置(距離)を指定する |
| display | 要素の形式(ブロック・インライン)を指定する |
| float | 左寄せ、右寄せ配置の指定 |
| clear | 回り込み(float)を解除する |
| z-index | 重なりの順序を指定する |
| visibility | ボックスの表示・非表示を指定する |
| clip | ボックスを切り抜き表示(クリッピング)する |
| direction | 文字表記の方向(左右)を指定する |
| unicode-bidi | Unicodeの文字表記の方向を上書きする |
| writing-mode | 文字表記の方向(縦横)を指定する(IE独自) |
