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/-moz-orient/index.html | 81 +++++++++++++++++++++++++++++++++ 1 file changed, 81 insertions(+) create mode 100644 files/ja/web/css/-moz-orient/index.html (limited to 'files/ja/web/css/-moz-orient') diff --git a/files/ja/web/css/-moz-orient/index.html b/files/ja/web/css/-moz-orient/index.html new file mode 100644 index 0000000000..ddd5011f73 --- /dev/null +++ b/files/ja/web/css/-moz-orient/index.html @@ -0,0 +1,81 @@ +--- +title: '-moz-orient' +slug: Web/CSS/-moz-orient +tags: + - CSS + - CSS プロパティ + - Mozilla 拡張 + - Non-standard + - Reference +translation_of: Web/CSS/-moz-orient +--- +
{{CSSRef}}{{Non-standard_header}}
+ +

CSS の -moz-orient プロパティは、適用される要素の向きを指定します。

+ +

{{cssinfo}}

+ +

構文

+ +

-moz-orient プロパティは、以下の一覧にあるキーワード値のうちの一つで指定します。

+ +

値

+ +
+
inline
+
要素をテキストの軸と同じ方向に描画します。横書きモードでは水平方向に、縦書きモードでは垂直方向に描画します。
+
block
+
要素をテキストの軸と直交するように描画します。横書きモードでは垂直方向に、縦書きモードでは水平方向に描画します。
+
horizontal
+
要素が水平方向に描画される
+
vertical
+
要素が垂直方向に描画される
+
+ +

形式文法

+ +
{{csssyntax}}
+ +

例

+ +

HTML

+ +
<p>
+  The following progress meter
+  is horizontal (the default):
+</p>
+<progress max="100" value="75"></progress>
+
+<p>
+ The following progress meter
+ is vertical:
+</p>
+<progress class="vert" max="100" value="75"></progress>
+ +

CSS

+ +
.vert {
+  -moz-orient: vertical;
+  width: 16px;
+  height: 150px;
+}
+ +

結果

+ +

{{EmbedLiveSample("Examples","200","360")}}

+ +

仕様書

+ +

W3C に提出され、最初の反応は肯定的でしたが、このプロパティはまだ仕様書には含まれていません。今のところ、 Mozilla 独自の拡張 (つまり、 -moz-orient) です。

+ +

ブラウザーの対応

+ + + +

{{Compat("css.properties.-moz-orient")}}

+ +

関連情報

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