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/background-position-y/index.md | 100 ++++++++++-------------- 1 file changed, 41 insertions(+), 59 deletions(-) (limited to 'files/fr/web/css/background-position-y') diff --git a/files/fr/web/css/background-position-y/index.md b/files/fr/web/css/background-position-y/index.md index d6346071e7..ac91b537cf 100644 --- a/files/fr/web/css/background-position-y/index.md +++ b/files/fr/web/css/background-position-y/index.md @@ -8,29 +8,28 @@ tags: - Reference translation_of: Web/CSS/background-position-y --- -
{{CSSRef}}
+{{CSSRef}} -

La propriété background-position-y définit la position verticale initiale de chaque image d'arrière-plan. La position est relative à l'origine définie par {{cssxref("background-origin")}}.

+La propriété **`background-position-y`** définit la position verticale initiale de chaque image d'arrière-plan. La position est relative à l'origine définie par {{cssxref("background-origin")}}. -
{{EmbedInteractiveExample("pages/css/background-position-y.html")}}
+{{EmbedInteractiveExample("pages/css/background-position-y.html")}} -
-

Note : La valeur de cette propriété sera surchargée par n'importe quelle déclaration avec  {{cssxref("background")}} ou {{cssxref("background-position")}} située après la déclaration.

-
+> **Note :** La valeur de cette propriété sera surchargée par n'importe quelle déclaration avec  {{cssxref("background")}} ou {{cssxref("background-position")}} située après la déclaration. -

Syntaxe

+## Syntaxe -
/* Valeurs avec un mot-clé */
+```css
+/* Valeurs avec un mot-clé */
 background-position-y: top;
 background-position-y: bottom;
 background-position-y: center;
 
 /* Valeurs proportionnelles */
-/* Type <percentage>        */
+/* Type         */
 background-position-y: 25%;
 
 /* Valeurs de longueur */
-/* Type <length>       */
+/* Type        */
 background-position-y: 0px;
 background-position-y: 1cm;
 background-position-y: 8em;
@@ -48,58 +47,41 @@ background-position-y: 0px, center;
 background-position-y: inherit;
 background-position-y: initial;
 background-position-y: unset;
-
+``` -

Valeurs

+### Valeurs -
-
top
-
Le bord haut de l'image d'arrière-plan est aligné avec le bord haut de la zone dédiée à l'arrière-plan.
-
center
-
L'image d'arrière-plan est centrée verticalement par rapport à la zone dédiée à l'arrière-plan.
-
bottom
-
Le bas de l'image d'arrière-plan est aligné avec le bas de la zone dédiée à l'arrière-plan.
-
<length>
-
Une valeur de longueur (type {{cssxref("<length>")}}) qui définit le décalage vertical de l'arrière-plan correspondant par rapport au bord haut de la zone d'arrière-plan. Si aucun côté n'est indiqué, l'écart fera référence au bord haut. Certains navigateurs permettent d'indiquer un décalage par rapport au côté bas.
-
<percentage>
-
Une valeur en pourcentages (type {{cssxref("<percentage>")}}) qui définit le décalage vertical de l'arrière-plan correspondant par rapport à un bord horizontal de la zone d'arrière-plan, proportionnellement à la hauteur de la zone. Si aucun côté n'est indiqué, l'écart fera référence au bord haut. Une valeur de 100% indique que le bas de l'image d'arrière-plan sera aligné avec le bas du conteneur et une valeur de 50% centrera l'image.
-
+- `top` + - : Le bord haut de l'image d'arrière-plan est aligné avec le bord haut de la zone dédiée à l'arrière-plan. +- `center` + - : L'image d'arrière-plan est centrée verticalement par rapport à la zone dédiée à l'arrière-plan. +- `bottom` + - : Le bas de l'image d'arrière-plan est aligné avec le bas de la zone dédiée à l'arrière-plan. +- `` + - : Une valeur de longueur (type {{cssxref("<length>")}}) qui définit le décalage vertical de l'arrière-plan correspondant par rapport au bord haut de la zone d'arrière-plan. Si aucun côté n'est indiqué, l'écart fera référence au bord haut. Certains navigateurs permettent d'indiquer un décalage par rapport au côté bas. +- `` + - : Une valeur en pourcentages (type {{cssxref("<percentage>")}}) qui définit le décalage vertical de l'arrière-plan correspondant par rapport à un bord horizontal de la zone d'arrière-plan, proportionnellement à la hauteur de la zone. Si aucun côté n'est indiqué, l'écart fera référence au bord haut. Une valeur de 100% indique que le bas de l'image d'arrière-plan sera aligné avec le bas du conteneur et une valeur de 50% centrera l'image. -

Syntaxe formelle

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

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS4 Backgrounds', '#background-position-longhands', 'background-position-y')}}{{Spec2('CSS4 Backgrounds')}}Spécification initiale pour les propriétés détaillées de {{cssxref("background-position")}}, implémentée depuis longtemps.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

{{Compat("css.properties.background-position-y")}}

- -

Voir aussi

- -
    -
  • {{cssxref("background-position")}}
    • -
  • {{cssxref("background-position-x")}}
    • -
  • {{cssxref("background-position-inline")}}
    • -
  • {{cssxref("background-position-block")}}
    • -
  • Manipuler plusieurs arrière-plans
    • -
+## Spécifications + +| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | +| {{SpecName('CSS4 Backgrounds', '#background-position-longhands', 'background-position-y')}} | {{Spec2('CSS4 Backgrounds')}} | Spécification initiale pour les propriétés détaillées de {{cssxref("background-position")}}, implémentée depuis longtemps. | + +{{cssinfo}} + +## Compatibilité des navigateurs + +{{Compat("css.properties.background-position-y")}} + +## Voir aussi + +- {{cssxref("background-position")}} +- {{cssxref("background-position-x")}} +- {{cssxref("background-position-inline")}} +- {{cssxref("background-position-block")}} +- [Manipuler plusieurs arrière-plans](/fr/docs/Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds) -- cgit v1.2.3-54-g00ecf