CSS

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

浏览器兼容性

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic supportNo support6.0 (6.0)-moz1No supportNo supportNo support
auto valueNo support21.0 (21.0)2 No support40 (40)No supportNo supportNo support
inline and block valuesNo support40 (40)No supportNo supportNo support

FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic supportNo support6.0 (6.0)-moz1No supportNo supportNo support
auto valueNo support21.0 (21.0)2 No support40 (40)No supportNo supportNo support
inline and block valuesNo support40.0 (40)No supportNo supportNo support