方向は、テキストの配置を定義して、すべてのブラウザは、このプロパティと互換性のある、2つの可能な値RTLとLTRがあります。表1に記載したようにテキストがパラメータをレイアウト。
表1 CSS3テキストレイアウトパラメータ説明
上記表に示すように、LTRは、左から右へ、左から右に示す初期値は、意味の詳細な説明インラインコンテンツを順次左から右に配置されています。私たちは通常、このようなページを扱う、写真の前と後の両方、デフォルトでは、DOMは、左の前に表示されていると言います。
RTLは、右から左への略語の意味は右から左であり、その後の詳細な説明は、インラインコンテンツであり、他の値であるが順次右から左に配置され、CSSのアプリケーションが宣言、前部及び後部を加え二つの絵は、デフォルトでは、DOMは、フロントの右側に表示され、コンテナの右端にあります。
私たちは、dirctionで、段落テキストをタイプセットすることができます。この例のデフォルトのテキストの段落は、マウスがマウスが右レイアウトに左を復元するために削除されたときに、左側のレイアウト方向に右からの要素の変更のレイアウトを変更するために移動したときに、右レイアウトに左からです。コードは次の通り:
ブラウザがこのファイルを直接開いて使用してください、あなたはこの、図2に示すように、左から右に、デフォルトの段落テキストのレイアウトを説明するために、ブラウザのページの文書の結果を見ることができます。
左から右の組版に図1のテキスト
マウスは、段落要素、右から左への段落のテキストレイアウトの変更に移動したとき、図2に示すように。
右からの図で左に2タイプセットテキスト。