文字表記の方向を指定するdirectionプロパティ
direction

 directionプロパティは文字表記の方向を指定できるプロパティです。

 プロパティの値が「ltr」(left to right)の場合は左から右に表記されるようになり、「rtl」(right to left)の場合は右から左に表記されるようになります。「rtl」は、同時にunicode-bidiプロパティに「bidi-override」を指定する必要があります。

基本データ

構文 セレクタ{direction: 値;}
継承 ×
「ltr」「rtl」
効果 文字表記の方向を指定
初期値 none
適用個所 すべての要素

例:

ほげほげですね。

<p style="direction:rtl;unicode-bidi: bidi-override;">ほげほげですね。</p>

動作Webブラウザ

Internet Explorer IE 5以上
Firefox 全バージョン
Safari全バージョン
Opera Opera 7以上
Chrome全バージョン
iPhone/iPad 全バージョン

標準JavaScriptによるDOMでの参照方法

[window.]document.getElementById("【ID属性値】").style.direction

jQueryを使った参照方法

$('【セレクタ】').css('direction','【値】');
$('【セレクタ】').css({'direction':'【値】'});

有限会社タグパンダ
喜安 亮介




HTML5 + UX フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

注目のテーマ

デザインハック 記事ランキング

本日 月間