-moz-orient
非标准：此特性未标准化。我们不建议在生产环境中使用非标准特性，因为它们浏览器支持有限，并且可能会更改或被移除。但是，在没有标准选项的特定情况下，它们可以是合适的替代方案。
语法
css
-moz-orient: inline;
/* Global values */
-moz-orient: inherit;
-moz-orient: initial;
-moz-orient: revert;
-moz-orient: revert-layer;
-moz-orient: unset;
值
inline-
元素将按照文本轴的方向渲染：对于水平书写模式，元素将水平渲染；对于垂直书写模式，元素将垂直渲染。
block-
元素将按照文本轴的正交方向渲染：对于水平书写模式，元素将垂直渲染；对于垂直书写模式，元素将水平渲染。
horizontal-
元素将水平渲染。
vertical-
元素将垂直渲染。
正式定义
正式语法
-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）。
浏览器兼容性
加载中…