From 149319bb8c7b1394a443f0877c3460cd362aa815 Mon Sep 17 00:00:00 2001
From: julieng <julien.gattelier@gmail.com>
Date: Fri, 17 Sep 2021 20:58:15 +0200
Subject: move *.html to *.md

---
 files/fr/web/css/ruby-position/index.md | 115 ++++++++++++++++++++++++++++++++
 1 file changed, 115 insertions(+)
 create mode 100644 files/fr/web/css/ruby-position/index.md

(limited to 'files/fr/web/css/ruby-position/index.md')

diff --git a/files/fr/web/css/ruby-position/index.md b/files/fr/web/css/ruby-position/index.md
new file mode 100644
index 0000000000..a0b683a0e5
--- /dev/null
+++ b/files/fr/web/css/ruby-position/index.md
@@ -0,0 +1,115 @@
+---
+title: ruby-position
+slug: Web/CSS/ruby-position
+tags:
+  - CSS
+  - Propriété
+  - Reference
+  - Ruby
+translation_of: Web/CSS/ruby-position
+---
+<div>{{CSSRef}}{{SeeCompatTable}}</div>
+
+<p>La propriété <code><strong>ruby-position</strong></code> définit la position d'un élément ruby par rapport à son élément de base. L'élément ruby peut ainsi être positionné au-dessus de l'élément (<code>over</code>), en-dessous (<code>under</code>) ou entre les caractères, sur leur droite (<code>inter-character</code>).</p>
+
+<pre class="brush:css no-line-numbers">/* Valeurs avec un mot-clé */
+ruby-position: over;
+ruby-position: under;
+ruby-position: inter-character;
+
+/* Valeurs globales */
+ruby-position: inherit;
+ruby-position: initial;
+ruby-position: unset;
+</pre>
+
+<h2 id="Syntaxe">Syntaxe</h2>
+
+<h3 id="Valeurs">Valeurs</h3>
+
+<dl>
+ <dt><code>over</code></dt>
+ <dd>Un mot-clé qui indique que les annotations ruby doivent être placée au-dessus du texte pour les scripts horizontaux et à droite pour les scripts verticaux.</dd>
+ <dt><code>under</code></dt>
+ <dd>Un mot-clé qui indique que les annotations ruby doivent être placés sous le texte pour les scripts horizontaux et à gauche pour les scripts verticaux.</dd>
+ <dt><code>inter-character</code></dt>
+ <dd>Un mot-clé qui indique que les annotations ruby doivent être placées entre les différents caractères.</dd>
+</dl>
+
+<h3 id="Syntaxe_formelle">Syntaxe formelle</h3>
+
+{{csssyntax}}
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Ce fragment HTML rendra un résultat différent pour chaque valeur de <code>ruby-position</code> :</p>
+
+<pre class="brush: html">&lt;ruby&gt;
+  &lt;rb&gt;超電磁砲&lt;/rb&gt;
+  &lt;rp&gt;（&lt;/rp&gt;&lt;rt&gt;レールガン&lt;/rt&gt;&lt;rp&gt;）&lt;/rp&gt;
+&lt;/ruby&gt;
+</pre>
+
+<h3 id="Au-dessus_du_texte">Au-dessus du texte</h3>
+
+<pre class="brush: html hidden">&lt;ruby&gt;
+  &lt;rb&gt;超電磁砲&lt;/rb&gt;
+  &lt;rp&gt;（&lt;/rp&gt;&lt;rt&gt;レールガン&lt;/rt&gt;&lt;rp&gt;）&lt;/rp&gt;
+&lt;/ruby&gt;
+</pre>
+
+<pre class="brush: css">ruby {
+    ruby-position:over;
+}</pre>
+
+<p>On obtiendra le résultat suivant :</p>
+
+<p>{{EmbedLiveSample("Au-dessus_du_texte", 100, 40)}}</p>
+
+<h3 id="En-dessous_du_texte">En-dessous du texte</h3>
+
+<pre class="brush: html hidden">&lt;ruby&gt;
+  &lt;rb&gt;超電磁砲&lt;/rb&gt;
+  &lt;rp&gt;（&lt;/rp&gt;&lt;rt&gt;レールガン&lt;/rt&gt;&lt;rp&gt;）&lt;/rp&gt;
+&lt;/ruby&gt;
+</pre>
+
+<pre class="brush: css">ruby {
+    ruby-position:under;
+}</pre>
+
+<p>On obtiendra le résultat suivant :</p>
+
+<p>{{EmbedLiveSample("En-dessous_du_texte", 100, 40)}}</p>
+
+<h2 id="Spécifications">Spécifications</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Spécification</th>
+   <th scope="col">État</th>
+   <th scope="col">Commentaires</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS3 Ruby', '#rubypos', 'ruby-position')}}</td>
+   <td>{{Spec2('CSS3 Ruby')}}</td>
+   <td>Définition initiale.</td>
+  </tr>
+ </tbody>
+</table>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("css.properties.ruby-position")}}</p>
+
+<h2 id="Voir_aussi">Voir aussi</h2>
+
+<ul>
+ <li>Les éléments HTML à propos de Ruby : {{HTMLElement("ruby")}}, {{HTMLElement("rt")}}, {{HTMLElement("rp")}} et {{HTMLElement("rtc")}}.</li>
+ <li>Les propriétés CSS à propos de Ruby : {{cssxref("ruby-align")}}, {{cssxref("ruby-merge")}}.</li>
+</ul>
-- 
cgit v1.2.3-54-g00ecf