From 585cf204c175af495fa25c32d509c7ab9b8c8808 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 11 Nov 2021 10:06:29 +0900 Subject: Mozilla 独自の CSS プロパティを更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/11/09 時点の英語版に同期 --- files/ja/web/css/-moz-orient/index.md | 85 ++++++++++++++++++----------------- 1 file changed, 44 insertions(+), 41 deletions(-) (limited to 'files/ja/web/css/-moz-orient') diff --git a/files/ja/web/css/-moz-orient/index.md b/files/ja/web/css/-moz-orient/index.md index 361c8e08f9..b0c67a53cf 100644 --- a/files/ja/web/css/-moz-orient/index.md +++ b/files/ja/web/css/-moz-orient/index.md @@ -5,76 +5,79 @@ tags: - CSS - CSS プロパティ - Mozilla 拡張 - - Non-standard - - Reference + - 標準外 + - リファレンス + - recipe:css-property +browser-compat: css.properties.-moz-orient translation_of: Web/CSS/-moz-orient --- -
{{CSSRef}}{{Non-standard_header}}
+{{CSSRef}}{{Non-standard_header}} -

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

+**`-moz-orient`** は [CSS](/ja/docs/Web/CSS) のプロパティで、適用される要素の向きを指定します。 -

{{cssinfo}}

+## 構文 -

構文

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

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

+### 値 -

値

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

形式文法

+{{CSSInfo}} + +## 形式文法 {{csssyntax}} -

例

+

例

-

HTML

+### HTML -
<p>
+```html
+

   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

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

結果

+} +``` -

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

+### 結果 -

仕様書

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

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

+## 仕様書 -

ブラウザーの対応

+W3C に[提出](https://lists.w3.org/Archives/Public/www-style/2014Jun/0396.html)され、最初の反応は肯定的でしたが、このプロパティはまだ仕様書には含まれていません。今のところ、 Mozilla 独自の拡張 (つまり、 `-moz-orient`) です。 +## ブラウザーの互換性 -

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

+{{Compat}} -

関連情報

+## 関連情報 - +- {{cssxref("box-orient")}} -- cgit v1.2.3-54-g00ecf