-moz-orient
-moz-orient
非标准
此功能不在标准中.。不要在面向Web的生产站点上使用它:它并不适用于每个用户。实现之间也可能存在很大的不兼容性,而且这种行为在未来可能会发生变化。
-moz-orient
CSS属性用于指定它应用的元素的方位。
初始值 | inline |
---|---|
适用元素 | any element; it has an effect on progress and meter, but not on <input type="range"> or other elements |
是否是继承属性 | no |
适用媒体 | visual |
计算值 | as specified |
动画类型 | discrete |
正规顺序 | the unique non-ambiguous order defined by the formal grammar |
语法
-moz-orient
属性被指定为从下面的列表中选择的关键字值之一。
值
inline
元素以与文本的轴相同的方向呈现:水平方向表示水平书写模式,垂直表示垂直写入模式。
正式语法
inline | block | horizontal | vertical
示例
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;
}
结果
规范
尽管提交对于W3C来说有积极的初始反馈,但这个属性还属于任何的规范;目前,这是一个特定于Mozilla的扩展(即,-moz-orient
)。
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | No support | 6.0 (6.0)-moz1 | No support | No support | No support |
auto value | No support | 21.0 (21.0)2 No support40 (40) | No support | No support | No support |
inline and block values | No support | 40 (40) | No support | No support | No support |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | No support | 6.0 (6.0)-moz1 | No support | No support | No support |
auto value | No support | 21.0 (21.0)2 No support40 (40) | No support | No support | No support |
inline and block values | No support | 40.0 (40) | No support | No support | No support |