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-origin/index.md | 89 ++++++++++++----------------- 1 file changed, 37 insertions(+), 52 deletions(-) (limited to 'files/fr/web/css/background-origin') diff --git a/files/fr/web/css/background-origin/index.md b/files/fr/web/css/background-origin/index.md index 30fda75135..e9a1286b35 100644 --- a/files/fr/web/css/background-origin/index.md +++ b/files/fr/web/css/background-origin/index.md @@ -7,21 +7,20 @@ tags: - Reference translation_of: Web/CSS/background-origin --- -
{{CSSRef}}
+{{CSSRef}} -

La propriété background-origin détermine l'origine de l'arrière-plan {{cssxref("background-image")}} à partir de la bordure, à l'intérieur de la bordure ou à l'intérieur de la zone de remplissage (padding).

+La propriété **`background-origin`** détermine l'origine de l'arrière-plan {{cssxref("background-image")}} à partir de la bordure, à l'intérieur de la bordure ou à l'intérieur de la zone de remplissage (_padding_). -
{{EmbedInteractiveExample("pages/css/background-origin.html")}}
+{{EmbedInteractiveExample("pages/css/background-origin.html")}} -

Attention, background-origin est ignorée lorsque {{cssxref("background-attachment")}} vaut fixed.

+Attention, `background-origin` est ignorée lorsque {{cssxref("background-attachment")}} vaut `fixed`. -
-

Note : Cette propriété est rattachée à la propriété raccourcie {{cssxref("background")}}. Aussi, si on a une déclaration background-origin avant la propriété raccourcie et que cette dernière ne définit pas la valeur de l'origine, ce sera la valeur initiale par défaut qui sera prise en compte pour background-origin.

-
+> **Note :** Cette propriété est rattachée à la propriété raccourcie {{cssxref("background")}}. Aussi, si on a une déclaration `background-origin` avant la propriété raccourcie et que cette dernière ne définit pas la valeur de l'origine, ce sera la valeur initiale par défaut qui sera prise en compte pour `background-origin`. -

Syntaxe

+## Syntaxe -
/* Valeurs avec un mot-clé */
+```css
+/* Valeurs avec un mot-clé */
 background-origin: border-box;
 background-origin: padding-box;
 background-origin: content-box;
@@ -30,28 +29,27 @@ background-origin: content-box;
 background-origin: inherit;
 background-origin: initial;
 background-origin: unset;
-
+``` -

Valeurs

+### Valeurs -
-
border-box
-
L'arrière-plan est positionné relativement à la boîte de bordure.
-
padding-box
-
L'arrière-plan est positionné relativement à la boîte de remplissage (padding).
-
content-box
-
L'arrière-plan est positionné relativement à la boîte de contenu.
-
+- `border-box` + - : L'arrière-plan est positionné relativement à la boîte de bordure. +- `padding-box` + - : L'arrière-plan est positionné relativement à la boîte de remplissage (_padding_). +- `content-box` + - : L'arrière-plan est positionné relativement à la boîte de contenu. -

Syntaxe formelle

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

Exemples

+## Exemples -

CSS

+### CSS -
div {
+```css
+div {
   width: 200px;
   height: 100px;
 }
@@ -65,43 +63,30 @@ background-origin: unset;
   background-origin: content-box;
   background-repeat: no-repeat;
 }
-
+``` -

HTML

+### HTML -
<div class="exemple"></div>
+```html +
+``` -

Résultat

+### Résultat -

{{EmbedLiveSample("Exemples","300","200")}}

+{{EmbedLiveSample("Exemples","300","200")}} -

Spécifications

+## Spécifications - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS3 Backgrounds', '#the-background-origin', 'background-origin')}}{{Spec2('CSS3 Backgrounds')}}Définition initiale.
+| Spécification | État | Commentaires | +| -------------------------------------------------------------------------------------------------------- | ---------------------------------------- | -------------------- | +| {{SpecName('CSS3 Backgrounds', '#the-background-origin', 'background-origin')}} | {{Spec2('CSS3 Backgrounds')}} | Définition initiale. | -

{{cssinfo}}

+{{cssinfo}} -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("css.properties.background-origin")}}

+{{Compat("css.properties.background-origin")}} -

Voir aussi

+## Voir aussi - +- {{cssxref("background-clip")}} -- cgit v1.2.3-54-g00ecf