From 149319bb8c7b1394a443f0877c3460cd362aa815 Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:58:15 +0200 Subject: move *.html to *.md --- files/fr/web/css/ruby-position/index.html | 115 ------------------------------ files/fr/web/css/ruby-position/index.md | 115 ++++++++++++++++++++++++++++++ 2 files changed, 115 insertions(+), 115 deletions(-) delete mode 100644 files/fr/web/css/ruby-position/index.html create mode 100644 files/fr/web/css/ruby-position/index.md (limited to 'files/fr/web/css/ruby-position') diff --git a/files/fr/web/css/ruby-position/index.html b/files/fr/web/css/ruby-position/index.html deleted file mode 100644 index a0b683a0e5..0000000000 --- a/files/fr/web/css/ruby-position/index.html +++ /dev/null @@ -1,115 +0,0 @@ ---- -title: ruby-position -slug: Web/CSS/ruby-position -tags: - - CSS - - Propriété - - Reference - - Ruby -translation_of: Web/CSS/ruby-position ---- -
{{CSSRef}}{{SeeCompatTable}}
- -

La propriété ruby-position 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 (over), en-dessous (under) ou entre les caractères, sur leur droite (inter-character).

- -
/* 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;
-
- -

Syntaxe

- -

Valeurs

- -
-
over
-
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.
-
under
-
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.
-
inter-character
-
Un mot-clé qui indique que les annotations ruby doivent être placées entre les différents caractères.
-
- -

Syntaxe formelle

- -{{csssyntax}} - -

Exemples

- -

Ce fragment HTML rendra un résultat différent pour chaque valeur de ruby-position :

- -
<ruby>
-  <rb>超電磁砲</rb>
-  <rp>（</rp><rt>レールガン</rt><rp>）</rp>
-</ruby>
-
- -

Au-dessus du texte

- - - -
ruby {
-    ruby-position:over;
-}
- -

On obtiendra le résultat suivant :

- -

{{EmbedLiveSample("Au-dessus_du_texte", 100, 40)}}

- -

En-dessous du texte

- - - -
ruby {
-    ruby-position:under;
-}
- -

On obtiendra le résultat suivant :

- -

{{EmbedLiveSample("En-dessous_du_texte", 100, 40)}}

- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS3 Ruby', '#rubypos', 'ruby-position')}}{{Spec2('CSS3 Ruby')}}Définition initiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

{{Compat("css.properties.ruby-position")}}

- -

Voir aussi

- - 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 +--- +
{{CSSRef}}{{SeeCompatTable}}
+ +

La propriété ruby-position 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 (over), en-dessous (under) ou entre les caractères, sur leur droite (inter-character).

+ +
/* 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;
+
+ +

Syntaxe

+ +

Valeurs

+ +
+
over
+
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.
+
under
+
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.
+
inter-character
+
Un mot-clé qui indique que les annotations ruby doivent être placées entre les différents caractères.
+
+ +

Syntaxe formelle

+ +{{csssyntax}} + +

Exemples

+ +

Ce fragment HTML rendra un résultat différent pour chaque valeur de ruby-position :

+ +
<ruby>
+  <rb>超電磁砲</rb>
+  <rp>（</rp><rt>レールガン</rt><rp>）</rp>
+</ruby>
+
+ +

Au-dessus du texte

+ + + +
ruby {
+    ruby-position:over;
+}
+ +

On obtiendra le résultat suivant :

+ +

{{EmbedLiveSample("Au-dessus_du_texte", 100, 40)}}

+ +

En-dessous du texte

+ + + +
ruby {
+    ruby-position:under;
+}
+ +

On obtiendra le résultat suivant :

+ +

{{EmbedLiveSample("En-dessous_du_texte", 100, 40)}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('CSS3 Ruby', '#rubypos', 'ruby-position')}}{{Spec2('CSS3 Ruby')}}Définition initiale.
+ +

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ +

{{Compat("css.properties.ruby-position")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf