-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)。
瀏覽器相容性
載入中…