-moz-orient

非标准： 此特性是非标准的，并且不在标准化轨道上。不要在面向 Web 的生产网站上使用它：它不适用于所有用户。不同实现之间也可能存在很大的不兼容性，并且行为在将来可能会发生变化。

-moz-orient CSS 属性指定应用它的元素的方向。

语法

-moz-orient 属性指定为从以下列表中选择的关键字值之一。

值

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）。

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅

box-orient