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.


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



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


The element is rendered orthogonally to the axis of the text: vertically for horizontal writing modes, horizontal for vertical writing modes.


The element is rendered horizontally.


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
Computed valueas specified
Animation typediscrete

Formal syntax

Error: could not find syntax for this item



  The following progress meter
  is horizontal (the default):
<progress max="100" value="75"></progress>

 The following progress meter
 is vertical:
<progress class="vert" max="100" value="75"></progress>


.vert {
  -moz-orient: vertical;
  width: 16px;
  height: 150px;



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

BCD tables only load in the browser

See also