From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/css/direction/index.html | 99 +++++++++++++++++++++++++++++++++++ 1 file changed, 99 insertions(+) create mode 100644 files/ja/web/css/direction/index.html (limited to 'files/ja/web/css/direction/index.html') diff --git a/files/ja/web/css/direction/index.html b/files/ja/web/css/direction/index.html new file mode 100644 index 0000000000..17d49de476 --- /dev/null +++ b/files/ja/web/css/direction/index.html @@ -0,0 +1,99 @@ +--- +title: direction +slug: Web/CSS/direction +tags: + - CSS + - CSS Reference +translation_of: Web/CSS/direction +--- +
{{CSSRef}}
+ +

CSS の direction プロパティは文章の記述方向にあわせて設定されるべきです。ヘブライ語やアラビア語のテキストでは rtl を、それ以外では ltr を使います。

+ +
{{EmbedInteractiveExample("pages/css/direction.html")}}
+ + + +

通常、この設定は CSS から直接行うのではなく、文書の一部として HTML の dir 属性を使うなどして行うほうがよいでしょう。

+ +

このプロパティは基本的な文章の方向と {{Cssxref("unicode-bidi")}} プロパティで作られた 埋め込み (embeddings) の方向を設定します。また、テキストやブロックレベル要素のデフォルトの文字揃えや、テーブルの行内にセルが流し込まれる方向を決めます。

+ +

HTML の dir 属性と違って、direction プロパティはテーブルの列からテーブルのセルに継承されません。これは CSS の継承が文書木に従うためで、テーブルセルはテーブルの列の中ではなく、行の中にあるからです。

+ +

direction プロパティと {{cssxref("unicode-bidi")}} プロパティは、 {{cssxref("all")}} 短縮プロパティの影響を受けない唯一のプロパティです。

+ +

{{cssinfo}}

+ +

構文

+ +
/* Keyword values */
+direction: ltr;
+direction: rtl;
+
+/* Global values */
+direction: inherit;
+direction: initial;
+direction: unset;
+ +

値

+ +
+
ltr
+
デフォルト値です。テキストと他の要素は左から右に進みます
+
rtl
+
テキストと他の要素は右から左に進みます
+
+ +

インラインレベル要素で direction プロパティに効果を持たせたいときは、{{Cssxref("unicode-bidi")}} プロパティの値が embed もしくは override である必要があります。

+ +

形式文法

+ +
{{csssyntax("direction")}}
+ +

例

+ +
blockquote {
+  direction: rtl;
+}
+
+ +

仕様

+ + + + + + + + + + + + + + + + + + + + + +
仕様書策定状況コメント
{{SpecName('CSS3 Writing Modes', '#direction', 'direction')}}{{Spec2('CSS3 Writing Modes')}}変更なし
{{SpecName('CSS2.1', 'visuren.html#direction', 'direction')}}{{Spec2('CSS2.1')}}初回定義
+ +

ブラウザ実装状況

+ +
+
+ + +

{{Compat("css.properties.direction")}}

+
+
+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf