aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/ruby-align/index.html
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-09-17 20:58:15 +0200
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-10-12 07:57:33 +0200
commit149319bb8c7b1394a443f0877c3460cd362aa815 (patch)
treed534abb0cbc87d5e224836e9d6b888aa58564aa0 /files/fr/web/css/ruby-align/index.html
parenteb9de0363cb273b54d3f5402bbf4e3bc03c60971 (diff)
downloadtranslated-content-149319bb8c7b1394a443f0877c3460cd362aa815.tar.gz
translated-content-149319bb8c7b1394a443f0877c3460cd362aa815.tar.bz2
translated-content-149319bb8c7b1394a443f0877c3460cd362aa815.zip
move *.html to *.md
Diffstat (limited to 'files/fr/web/css/ruby-align/index.html')
-rw-r--r--files/fr/web/css/ruby-align/index.html144
1 files changed, 0 insertions, 144 deletions
diff --git a/files/fr/web/css/ruby-align/index.html b/files/fr/web/css/ruby-align/index.html
deleted file mode 100644
index 51d72cbbe4..0000000000
--- a/files/fr/web/css/ruby-align/index.html
+++ /dev/null
@@ -1,144 +0,0 @@
----
-title: ruby-align
-slug: Web/CSS/ruby-align
-tags:
- - CSS
- - Propriété
- - Reference
- - Ruby
-translation_of: Web/CSS/ruby-align
----
-<div>{{CSSRef}}{{SeeCompatTable}}</div>
-
-<p>La propriété <code><strong>ruby-align</strong></code> définit la façon dont les éléments ruby sont distribués autour du texte de base.</p>
-
-<pre class="brush:css no-line-numbers">/* Valeur avec un mot-clé */
-ruby-align: start;
-ruby-align: center;
-ruby-align: space-between;
-ruby-align: space-around;
-
-/* Valeurs globales */
-ruby-align: inherit;
-ruby-align: initial;
-ruby-align: unset;
-</pre>
-
-<h2 id="Syntaxe">Syntaxe</h2>
-
-<h3 id="Valeurs">Valeurs</h3>
-
-<dl>
- <dt><code>start</code></dt>
- <dd>Un mot-clé indiquant que les notations ruby sont alignées avec le début du texte de base.</dd>
- <dt><code>center</code></dt>
- <dd>Un mot-clé indiquant que les notations ruby sont alignées avec le milieu du texte de base.</dd>
- <dt><code>space-between</code></dt>
- <dd>Un mot-clé indiquant qu'un espace supplémentaire sera distribué entre les éléments ruby.</dd>
- <dt><code>space-around</code></dt>
- <dd>Un mot-clé indiquant qu'un espace supplémentaire sera distribué entre les éléments ruby et autour d'eux.</dd>
-</dl>
-
-<h3 id="Syntaxe_formelle">Syntaxe formelle</h3>
-
-{{csssyntax}}
-
-<h2 id="Exemples">Exemples</h2>
-
-<p>Ce fragment HTML sera affiché différemment en fonction des valeurs de <code>ruby-align</code> :</p>
-
-<pre class="brush: html">&lt;ruby&gt;
- &lt;rb&gt;Un long texte pour tester&lt;/rb&gt;
- &lt;rp&gt;(&lt;/rp&gt;&lt;rt&gt;Un petit ruby&lt;/rt&gt;&lt;rp&gt;)&lt;/rp&gt;
-&lt;/ruby&gt;
-</pre>
-
-<h3 id="Alignement_par_rapport_au_début_du_texte_de_base">Alignement par rapport au début du texte de base</h3>
-
-<pre class="brush: html hidden">&lt;ruby&gt;
- &lt;rb&gt;This is a long text to check&lt;/rb&gt;
- &lt;rp&gt;(&lt;/rp&gt;&lt;rt&gt;short ruby&lt;/rt&gt;&lt;rp&gt;)&lt;/rp&gt;
-&lt;/ruby&gt;
-</pre>
-
-<pre class="brush: css">ruby {
- ruby-align: start;
-}</pre>
-
-<p>Avec ce CSS, on obtient le résultat suivant :</p>
-
-<p>{{EmbedLiveSample("Alignement_par_rapport_au_début_du_texte_de_base", 180, 40)}}</p>
-
-<h3 id="Alignement_par_rapport_au_centre">Alignement par rapport au centre</h3>
-
-<pre class="brush: html hidden">&lt;ruby&gt;
- &lt;rb&gt;This is a long text to check&lt;/rb&gt;
- &lt;rp&gt;(&lt;/rp&gt;&lt;rt&gt;short ruby&lt;/rt&gt;&lt;rp&gt;)&lt;/rp&gt;
-&lt;/ruby&gt;
-</pre>
-
-<pre class="brush: css">ruby {
- ruby-align: center;
-}</pre>
-
-<p>Avec ce CSS, on obtient le résultat suivant :</p>
-
-<p>{{EmbedLiveSample("Alignement_par_rapport_au_centre", 180, 40)}}</p>
-
-<h3 id="Un_espace_supplémentaire_entre_les_éléments_ruby">Un espace supplémentaire entre les éléments ruby</h3>
-
-<pre class="brush: html hidden">&lt;ruby&gt;
- &lt;rb&gt;This is a long text to check&lt;/rb&gt;
- &lt;rp&gt;(&lt;/rp&gt;&lt;rt&gt;short ruby&lt;/rt&gt;&lt;rp&gt;)&lt;/rp&gt;
-&lt;/ruby&gt;
-</pre>
-
-<pre class="brush: css">ruby {
- ruby-align: space-between;
-}</pre>
-
-<p>Avec ce CSS, on obtient le résultat suivant :</p>
-
-<p>{{EmbedLiveSample("Un_espace_supplémentaire_entre_les_éléments_ruby", 180, 40)}}</p>
-
-<h3 id="Un_espace_supplémentaire_entre_et_autour_des_éléments_ruby">Un espace supplémentaire entre et autour des éléments ruby</h3>
-
-<pre class="brush: css">ruby {
- ruby-align: space-around;
-}</pre>
-
-<p>Avec ce CSS, on obtient le résultat suivant :</p>
-
-<p>{{EmbedLiveSample("Un_espace_supplémentaire_entre_et_autour_des_éléments_ruby", 180, 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', '#ruby-align-property', 'ruby-align')}}</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-align")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>Les éléments HTML liés aux notations Ruby : {{HTMLElement("ruby")}}, {{HTMLElement("rt")}}, {{HTMLElement("rp")}} et {{HTMLElement("rtc")}}.</li>
- <li>Les propriétés CSS liées aux notations Ruby : {{cssxref("ruby-position")}}, {{cssxref("ruby-merge")}}.</li>
-</ul>