-moz-orient

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

The -moz-orient CSS property specifies the orientation of the element to which it's applied.

Syntax

The -moz-orient property is specified as one of the keyword values chosen from the list below.

Values

inline
The element is rendered in the same direction as the axis of the text: horizontally for horizontal writing modes, vertically for vertical writing modes.
block
The element is rendered orthogonally to the axis of the text: vertically for horizontal writing modes, horizontal for vertical writing modes.
horizontal
The element is rendered horizontally.
vertical
The element is rendered vertically.

Formal definition

Initial valueinline
Applies toany element; it has an effect on progress and meter, but not on <input type="range"> or other elements
Inheritedno
Computed valueas specified
Animation typediscrete

Formal syntax

inline | block | horizontal | vertical

Examples

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;
}

Result

Specifications

Not part of any standard. Though submitted to the W3C, with positive initial feedback, this property is not yet part of any specification; currently, this is a Mozilla-specific extension (that is, -moz-orient).

Browser compatibility

DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
-moz-orient
Non-standard
Chrome No support NoEdge No support NoFirefox Full support 6IE No support NoOpera No support NoSafari No support NoWebView Android No support NoChrome Android No support NoFirefox Android Full support 6Opera Android No support NoSafari iOS No support NoSamsung Internet Android No support No
auto value
DeprecatedNon-standard
Chrome No support NoEdge No support NoFirefox No support 21 — 40
Notes
No support 21 — 40
Notes
Notes The auto value was equivalent to horizontal.
IE No support NoOpera No support NoSafari No support NoWebView Android No support NoChrome Android No support NoFirefox Android No support 21 — 40
Notes
No support 21 — 40
Notes
Notes The auto value was equivalent to horizontal.
Opera Android No support NoSafari iOS No support NoSamsung Internet Android No support No
inline and block values
Non-standard
Chrome No support NoEdge No support NoFirefox Full support 40IE No support NoOpera No support NoSafari No support NoWebView Android No support NoChrome Android No support NoFirefox Android Full support 40Opera Android No support NoSafari iOS No support NoSamsung Internet Android No support No

Legend

Full support
Full support
No support
No support
Non-standard. Expect poor cross-browser support.
Non-standard. Expect poor cross-browser support.
Deprecated. Not for use in new websites.
Deprecated. Not for use in new websites.
See implementation notes.
See implementation notes.

See also