diff options
Diffstat (limited to 'files/fr/web/css/-moz-orient/index.md')
| -rw-r--r-- | files/fr/web/css/-moz-orient/index.md | 76 |
1 files changed, 38 insertions, 38 deletions
diff --git a/files/fr/web/css/-moz-orient/index.md b/files/fr/web/css/-moz-orient/index.md index 4fd2c9583f..975021ef81 100644 --- a/files/fr/web/css/-moz-orient/index.md +++ b/files/fr/web/css/-moz-orient/index.md @@ -8,71 +8,71 @@ tags: - Reference translation_of: Web/CSS/-moz-orient --- -<div>{{CSSRef}}{{Non-standard_header}}</div> +{{CSSRef}}{{Non-standard_header}} -<p>La propriété <strong><code>-moz-orient</code></strong> définit l'orientation de l'élément sur lequel elle est appliquée.</p> +La propriété **`-moz-orient`** définit l'orientation de l'élément sur lequel elle est appliquée. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<p>La propriété <code>moz-orient</code> est définie avec un mot-clé parmi ceux de la liste ci-après.</p> +La propriété `moz-orient` est définie avec un mot-clé parmi ceux de la liste ci-après. -<h3 id="Valeurs">Valeurs</h3> +### Valeurs -<dl> - <dt><code>inline</code></dt> - <dd>L'élément est affiché dans la même direction que l'axe du texte : il est horizontal si le mode d'écriture est horizontal et vertical pour un mode d'écriture vertical.</dd> - <dt><code>block</code></dt> - <dd>L'élément est affiché dans la direction perpendiculaire à l'axe du texte : il est vertical si le mode d'écriture est horizontal et horizontal pour un mode d'écriture vertical.</dd> - <dt><code>horizontal</code></dt> - <dd>L'élément est affiché horizontalement.</dd> - <dt><code>vertical</code></dt> - <dd>L'élément est affiché verticalement.</dd> -</dl> +- `inline` + - : L'élément est affiché dans la même direction que l'axe du texte : il est horizontal si le mode d'écriture est horizontal et vertical pour un mode d'écriture vertical. +- `block` + - : L'élément est affiché dans la direction perpendiculaire à l'axe du texte : il est vertical si le mode d'écriture est horizontal et horizontal pour un mode d'écriture vertical. +- `horizontal` + - : L'élément est affiché horizontalement. +- `vertical` + - : L'élément est affiché verticalement. -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> +### Syntaxe formelle {{csssyntax}} -<h2 id="Exemples">Exemples</h2> +## Exemples -<h3 id="HTML">HTML</h3> +### HTML -<pre class="brush: html"><p> +```html +<p> La barre de progression suivante est horizontale (le comportement par défaut) : -</p> -<progress max="100" value="75"></progress> +</p> +<progress max="100" value="75"></progress> -<p> +<p> La barre de progression suivante est verticale : -</p> -<progress class="vert" max="100" value="75"></progress></pre> +</p> +<progress class="vert" max="100" value="75"></progress> +``` -<h3 id="CSS">CSS</h3> +### CSS -<pre class="brush: css">.vert { +```css +.vert { -moz-orient: vertical; width: 16px; height: 150px; -}</pre> +} +``` -<h3 id="Résultat">Résultat</h3> +### Résultat -<p>{{EmbedLiveSample("Exemples","200","360")}}</p> +{{EmbedLiveSample("Exemples","200","360")}} -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<p>Bien que <a href="https://lists.w3.org/Archives/Public/www-style/2014Jun/0396.html">proposée</a> au W3C, cette propriété ne fait partie d'aucune spécification standard. C'est donc une propriété propriétaire liée à Mozilla/Gecko.</p> +Bien que [proposée](https://lists.w3.org/Archives/Public/www-style/2014Jun/0396.html) au W3C, cette propriété ne fait partie d'aucune spécification standard. C'est donc une propriété propriétaire liée à Mozilla/Gecko. -<p>{{cssinfo}}</p> +{{cssinfo}} -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("css.properties.-moz-orient")}}</p> +{{Compat("css.properties.-moz-orient")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{cssxref("box-orient")}}</li> -</ul> +- {{cssxref("box-orient")}} |