CSS -moz-orient プロパティ
非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。
-moz-orient は CSS のプロパティで、適用される要素の向きを指定します。
構文
css
-moz-orient: inline;
/* グローバル値 */
-moz-orient: inherit;
-moz-orient: initial;
-moz-orient: revert;
-moz-orient: revert-layer;
-moz-orient: unset;
値
inline-
要素をテキストの軸と同じ方向に描画します。横書きモードでは水平方向に、縦書きモードでは垂直方向に描画します。
block-
要素をテキストの軸と直交するように描画します。横書きモードでは垂直方向に、縦書きモードでは水平方向に描画します。
horizontal-
要素を水平方向に描画します。
vertical-
要素を垂直方向に描画します。
公式定義
| 初期値 | inline |
|---|---|
| 適用対象 | 任意の要素。これは <progress> および <meter> には効果がありますが、 <input type="range"> やその他の要素には効果がありません |
| 継承 | なし |
| 計算値 | 指定通り |
| アニメーションの種類 | 離散値 |
形式文法
-moz-orient =
inline |
block |
horizontal |
vertical
例
HTML
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
css
.vert {
-moz-orient: vertical;
width: 16px;
height: 150px;
}
結果
仕様書
W3C に提出され、最初の反応は肯定的でしたが、このプロパティはまだ仕様書には含まれていません。今のところ、 Mozilla 独自の拡張 (つまり、 -moz-orient) です。