MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Переклад не закінчено. Будь ласка, допоможіть перекласти цю статтю з англійської.

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.

-moz-orient CSS властивість, що задає орієнтацію обраного елемента.

Initial valueinline
Applies toany element; it has an effect on progress and meter, but not on <input type="range"> or other elements
Inheritedno
Mediavisual
Computed valueas specified
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Синтаксис

inline | block | horizontal | vertical

Значення

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.

Приклади

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

Результат

Специфікації

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

Браузерна сумісність

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support No support 6.0 (6.0)-moz[1] No support No support No support
auto value No support 21.0 (21.0)[2]
No support40 (40)
No support No support No support
inline and block values No support 40 (40) No support No support No support
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support No support 6.0 (6.0)-moz[1] No support No support No support
auto value No support 21.0 (21.0)[2]
No support40 (40)
No support No support No support
inline and block values No support 40.0 (40) No support No support No support

[1] In Gecko 6.0 (Firefox 6.0 / Thunderbird 6.0 / SeaMonkey 2.3), there was a bug that causes vertical <progress> elements to render with the dimensions of a horizontal bar. This is fixed in Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4).

[2] The auto value was equivalent to horizontal.

Дивитися також

Мітки документа й учасники

 Зробили внесок у цю сторінку: Yaroslav_Yachmenov
 Востаннє оновлена: Yaroslav_Yachmenov,