-moz-orient

非標準:此特性未標準化。我們不建議在生產環境中使用非標準特性,因為它們瀏覽器支援有限,並且可能會更改或被移除。但是,在沒有標準選項的特定情況下,它們可以是合適的替代方案。

-moz-orient CSS 屬性指定了它所應用的元素的方向

語法

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

元素將垂直渲染。

正式定義

初始值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)。

瀏覽器相容性

另見