首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

-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元素以与文本的轴相同的方向呈现:水平方向表示水平书写模式,垂直表示垂直写入模式。

block该元素被正交地呈现到文本的轴上:垂直表示水平书写模式,水平表示垂直书写模式。

horizontal元素是水平呈现的。

vertical元素是垂直呈现的。

正式语法

代码语言:javascript
复制
inline | block | horizontal | vertical

示例

HTML

代码语言:javascript
复制
<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

代码语言:javascript
复制
.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

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com