From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/ruby-position/index.md | 125 +++++++++++++++----------------- 1 file changed, 58 insertions(+), 67 deletions(-) (limited to 'files/fr/web/css/ruby-position') diff --git a/files/fr/web/css/ruby-position/index.md b/files/fr/web/css/ruby-position/index.md index a0b683a0e5..2897165c1c 100644 --- a/files/fr/web/css/ruby-position/index.md +++ b/files/fr/web/css/ruby-position/index.md @@ -8,11 +8,12 @@ tags: - Ruby translation_of: Web/CSS/ruby-position --- -
{{CSSRef}}{{SeeCompatTable}}
+{{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).

+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é */
+```css
+/* Valeurs avec un mot-clé */
 ruby-position: over;
 ruby-position: under;
 ruby-position: inter-character;
@@ -21,95 +22,85 @@ ruby-position: inter-character;
 ruby-position: inherit;
 ruby-position: initial;
 ruby-position: unset;
-
+``` -

Syntaxe

+## Syntaxe -

Valeurs

+### 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.
-
+- `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

+### Syntaxe formelle {{csssyntax}} -

Exemples

+## Exemples -

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

+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>
-
+```html +超電磁砲レールガン + +``` -

Au-dessus du texte

+### Au-dessus du texte - +```html hidden +超電磁砲レールガン + +``` -
ruby {
+```css
+ruby {
     ruby-position:over;
-}
+} +``` -

On obtiendra le résultat suivant :

+On obtiendra le résultat suivant : -

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

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

En-dessous du texte

+### En-dessous du texte - +```html hidden +超電磁砲レールガン + +``` -
ruby {
+```css
+ruby {
     ruby-position:under;
-}
+} +``` -

On obtiendra le résultat suivant :

+On obtiendra le résultat suivant : -

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

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

Spécifications

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

{{cssinfo}}

+{{cssinfo}} -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

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

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

Voir aussi

+## Voir aussi - +- Les éléments HTML à propos de Ruby : {{HTMLElement("ruby")}}, {{HTMLElement("rt")}}, {{HTMLElement("rp")}} et {{HTMLElement("rtc")}}. +- Les propriétés CSS à propos de Ruby : {{cssxref("ruby-align")}}, {{cssxref("ruby-merge")}}. -- cgit v1.2.3-54-g00ecf