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/svg/attribute/writing-mode/index.html | 85 ++++++++++++++++++++++ 1 file changed, 85 insertions(+) create mode 100644 files/ja/web/svg/attribute/writing-mode/index.html (limited to 'files/ja/web/svg/attribute/writing-mode/index.html') diff --git a/files/ja/web/svg/attribute/writing-mode/index.html b/files/ja/web/svg/attribute/writing-mode/index.html new file mode 100644 index 0000000000..e62465900f --- /dev/null +++ b/files/ja/web/svg/attribute/writing-mode/index.html @@ -0,0 +1,85 @@ +--- +title: writing-mode +slug: Web/SVG/Attribute/writing-mode +tags: + - NeedsExample + - SVG + - SVG Attribute +translation_of: Web/SVG/Attribute/writing-mode +--- +
{{SVGRef}}
+ +

writing-mode 属性は、 {{SVGElement("text")}} 要素の最初のインライン進行方向が左から右、右から左、上から下のいずれであるかを指定します。 writing-mode 属性は {{ SVGElement("text") }} 要素にのみ適用されます。 {{ SVGElement("tspan") }}, {{ SVGElement("tref") }}, {{ SVGElement("altGlyph") }}, {{ SVGElement("textPath") }} サブ要素には無視されます。 (なお、インライン進行方向は、 Unicode 双方向アルゴリズムとプロパティ {{ SVGAttr("direction") }} および {{ SVGAttr("unicode-bidi") }} により、 {{ SVGElement("text") }} 要素内で変更される可能性があることに注意してください)。

+ +

注: プレゼンテーション属性なので、 writing-mode は CSS プロパティとして使用することができます。詳しくは CSS の {{cssxref("writing-mode")}} プロパティを参照してください。

+ +

プレゼンテーション属性として、どの要素にも適用できますが、 {{SVGElement("altGlyph")}}, {{SVGElement("text")}}, {{SVGElement("textPath")}}, {{SVGElement("tref")}}, {{SVGElement("tspan")}} の5つの要素にのみ効果があります。

+ +

使用上の注意

+ + + + + + + + + + + + + + + + +
既定値horizontal-tb
値horizontal-tb | vertical-rl | vertical-lr
アニメーション可能はい
+ +
+
horizontal-tb
+
この値はブロックのフロー方向を上から下に定義します。書字方向と文字の方向は共に水平方向です。
+
vertical-rl
+
この値はブロックのフロー方向を右から左に定義します。書字方向と文字の方向は共に垂直方向です。
+
vertical-lr
+
この値はブロックのフロー方向を左から右に定義します。書字方向と文字の方向は共に垂直方向です。
+
+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName("CSS3 Writing Modes", "#block-flow", "writing-mode")}}{{Spec2("CSS3 Writing Modes")}}CSS Writing Modes 3 の中で定義
{{SpecName("SVG2", "text.html#WritingModeProperty", "writing-mode")}}{{Spec2("SVG2")}}主に CSS Writing Modes 3 の定義を参照し、非推奨の SVG 1.1 の値と新しい値との対応付けを定義します。
{{SpecName("SVG1.1", "text.html#WritingModeProperty", "writing-mode")}}{{Spec2("SVG1.1")}}初回定義
+ +

ブラウザーの互換性

+ + + +

{{Compat("svg.attributes.presentation.writing-mode")}}

+ +

関連情報

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