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/background-clip/index.html | 147 ---------------------------- files/fr/web/css/background-clip/index.md | 147 ++++++++++++++++++++++++++++ 2 files changed, 147 insertions(+), 147 deletions(-) delete mode 100644 files/fr/web/css/background-clip/index.html create mode 100644 files/fr/web/css/background-clip/index.md (limited to 'files/fr/web/css/background-clip') diff --git a/files/fr/web/css/background-clip/index.html b/files/fr/web/css/background-clip/index.html deleted file mode 100644 index 78a5167402..0000000000 --- a/files/fr/web/css/background-clip/index.html +++ /dev/null @@ -1,147 +0,0 @@ ---- -title: background-clip -slug: Web/CSS/background-clip -tags: - - CSS - - Propriété - - Reference -translation_of: Web/CSS/background-clip ---- -
{{CSSRef}}
- -

La propriété background-clip définit la façon dont l'arrière-plan d'un élément (que ce soit l'image ou la couleur) s'étend sous la boîte de bordure, la boîte de remplissage (padding) ou la boîte de contenu.

- -
{{EmbedInteractiveExample("pages/css/background-clip.html")}}
- -

Si aucune image ({{cssxref("background-image")}}) ni couleur ({{cssxref("background-color")}}) d'arrière-plan n'est définie, cette propriété aura uniquement un effet visuel lorsque la bordure possède des régions transparentes (via {{cssxref("border-style")}} ou {{cssxref("border-image")}}). Dans les autres cas, la bordure recouvrira la zone où se situera la différence .

- -

Syntaxe

- -
/* Valeurs utilisant un mot-clé */
-background-clip: border-box;
-background-clip: padding-box;
-background-clip: content-box;
-background-clip: text;
-
-/* Valeurs globales */
-background-clip: inherit;
-background-clip: initial;
-background-clip: unset;
-
- -

Valeurs

- -
-
border-box
-
L'arrière-plan s'étend jusqu'à la limite externe de la bordure. L'arrière-plan sera situé sous la bordure en termes d'ordre z.
-
padding-box
-
Aucun arrière-plan n'est dessiné dans la boîte de bordure. L'arrière-plan s'étend jusqu'à la limite de la boîte de remplissage (padding).
-
content-box
-
L'arrière-plan est limité (rogné) à la boîte de contenu.
-
text {{experimental_inline}}
-
L'arrière-plan est limité (rogné) au texte en premier plan.
-
- -

Syntaxe formelle

- -{{csssyntax}} - -

Exemples

- -

CSS

- -
p {
- border: 10px navy;
- border-style: dotted double;
- margin: 1em;
- padding: 2em;
- background: #F8D575;
- font: 900 1.2em sans-serif;
- text-decoration: underline;
-}
-
-.border-box {
-  background-clip: border-box;
-}
-
-.padding-box {
-  background-clip: padding-box;
-}
-
-.content-box {
-  background-clip: content-box;
-}
-
-.text {
-  background-clip: text;
-  color: rgba(0,0,0,.2);
-}
-
- -

HTML

- -
<p class="border-box">
-  L'arrière-plan s'étend sous la bordure.
-</p>
-<p class="padding-box">
-  L'arrière-plan s'étend jusqu'avant la
-  bordure.
-</p>
-<p class="content-box">
-  L'arrière-plan s'arrête à la boîte de
-  contenu.
-</p>
-<p class="text">
-  L'arrière-plan se limite au texte au
-  premier-plan.
-</p>
-
- -

Résultat

- -

{{EmbedLiveSample('Exemples', 600, 580)}}

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS3 Backgrounds', '#the-background-clip', 'background-clip')}}{{Spec2('CSS3 Backgrounds')}}Définition initiale.
{{SpecName('CSS4 Backgrounds', '#background-clip', 'background-clip')}}{{Spec2('CSS4 Backgrounds')}}Ajout de la valeur text.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

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

- -

Voir aussi

- - diff --git a/files/fr/web/css/background-clip/index.md b/files/fr/web/css/background-clip/index.md new file mode 100644 index 0000000000..78a5167402 --- /dev/null +++ b/files/fr/web/css/background-clip/index.md @@ -0,0 +1,147 @@ +--- +title: background-clip +slug: Web/CSS/background-clip +tags: + - CSS + - Propriété + - Reference +translation_of: Web/CSS/background-clip +--- +
{{CSSRef}}
+ +

La propriété background-clip définit la façon dont l'arrière-plan d'un élément (que ce soit l'image ou la couleur) s'étend sous la boîte de bordure, la boîte de remplissage (padding) ou la boîte de contenu.

+ +
{{EmbedInteractiveExample("pages/css/background-clip.html")}}
+ +

Si aucune image ({{cssxref("background-image")}}) ni couleur ({{cssxref("background-color")}}) d'arrière-plan n'est définie, cette propriété aura uniquement un effet visuel lorsque la bordure possède des régions transparentes (via {{cssxref("border-style")}} ou {{cssxref("border-image")}}). Dans les autres cas, la bordure recouvrira la zone où se situera la différence .

+ +

Syntaxe

+ +
/* Valeurs utilisant un mot-clé */
+background-clip: border-box;
+background-clip: padding-box;
+background-clip: content-box;
+background-clip: text;
+
+/* Valeurs globales */
+background-clip: inherit;
+background-clip: initial;
+background-clip: unset;
+
+ +

Valeurs

+ +
+
border-box
+
L'arrière-plan s'étend jusqu'à la limite externe de la bordure. L'arrière-plan sera situé sous la bordure en termes d'ordre z.
+
padding-box
+
Aucun arrière-plan n'est dessiné dans la boîte de bordure. L'arrière-plan s'étend jusqu'à la limite de la boîte de remplissage (padding).
+
content-box
+
L'arrière-plan est limité (rogné) à la boîte de contenu.
+
text {{experimental_inline}}
+
L'arrière-plan est limité (rogné) au texte en premier plan.
+
+ +

Syntaxe formelle

+ +{{csssyntax}} + +

Exemples

+ +

CSS

+ +
p {
+ border: 10px navy;
+ border-style: dotted double;
+ margin: 1em;
+ padding: 2em;
+ background: #F8D575;
+ font: 900 1.2em sans-serif;
+ text-decoration: underline;
+}
+
+.border-box {
+  background-clip: border-box;
+}
+
+.padding-box {
+  background-clip: padding-box;
+}
+
+.content-box {
+  background-clip: content-box;
+}
+
+.text {
+  background-clip: text;
+  color: rgba(0,0,0,.2);
+}
+
+ +

HTML

+ +
<p class="border-box">
+  L'arrière-plan s'étend sous la bordure.
+</p>
+<p class="padding-box">
+  L'arrière-plan s'étend jusqu'avant la
+  bordure.
+</p>
+<p class="content-box">
+  L'arrière-plan s'arrête à la boîte de
+  contenu.
+</p>
+<p class="text">
+  L'arrière-plan se limite au texte au
+  premier-plan.
+</p>
+
+ +

Résultat

+ +

{{EmbedLiveSample('Exemples', 600, 580)}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('CSS3 Backgrounds', '#the-background-clip', 'background-clip')}}{{Spec2('CSS3 Backgrounds')}}Définition initiale.
{{SpecName('CSS4 Backgrounds', '#background-clip', 'background-clip')}}{{Spec2('CSS4 Backgrounds')}}Ajout de la valeur text.
+ +

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ +

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

+ +

Voir aussi

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