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/-webkit-box-reflect/index.md | 53 ++++++++++++--------------- 1 file changed, 24 insertions(+), 29 deletions(-) (limited to 'files/fr/web/css/-webkit-box-reflect/index.md') diff --git a/files/fr/web/css/-webkit-box-reflect/index.md b/files/fr/web/css/-webkit-box-reflect/index.md index 856a9ca5b0..b41c376bf2 100644 --- a/files/fr/web/css/-webkit-box-reflect/index.md +++ b/files/fr/web/css/-webkit-box-reflect/index.md @@ -8,11 +8,12 @@ tags: - Reference translation_of: Web/CSS/-webkit-box-reflect --- -
{{Non-standard_header}}{{CSSRef}}
+{{Non-standard_header}}{{CSSRef}} -

La propriété -webkit-box-reflect peut être utilisée afin de créer un effet de réflexion d'un élément dans une direction donnée.

+La propriété **`-webkit-box-reflect`** peut être utilisée afin de créer un effet de réflexion d'un élément dans une direction donnée. -
/* Valeurs de directions */
+```css
+/* Valeurs de directions */
 -webkit-box-reflect: above;
 -webkit-box-reflect: below;
 -webkit-box-reflect: left;
@@ -28,43 +29,37 @@ translation_of: Web/CSS/-webkit-box-reflect
 -webkit-box-reflect: inherit;
 -webkit-box-reflect: initial;
 -webkit-box-reflect: unset;
-
+``` -
-

Attention : Cette fonctionnalité ne doit pas être utilisée sur le Web. Pour créer des effets de reflet sur le Web, on pourra utiliser la fonction CSS standard {{cssxref("element()", "element()")}}.

-
+> **Attention :** Cette fonctionnalité ne doit pas être utilisée sur le Web. Pour créer des effets de reflet sur le Web, on pourra utiliser la fonction CSS standard {{cssxref("element()", "element()")}}. -

Syntaxe

+## Syntaxe -

Valeurs

+### Valeurs -
-
above, below, right, left
-
Des mots-clés qui indiquent la direction dans laquelle créer la réflexion (respectivement : au-dessus, en-dessous, à droite, à gauche).
-
<length>
-
La taille du reflet créé, cf. {{cssxref("<length>")}} sur les valeurs possibles.
-
<image>
-
Le masque à appliquer au reflet, cf. {{cssxref("<image>")}} sur les valeurs possibles.
-
+- `above`_,_ `below`_,_ `right`_,_ `left` + - : Des mots-clés qui indiquent la direction dans laquelle créer la réflexion (respectivement : au-dessus, en-dessous, à droite, à gauche). +- `` + - : La taille du reflet créé, cf. {{cssxref("<length>")}} sur les valeurs possibles. +- `` + - : Le masque à appliquer au reflet, cf. {{cssxref("<image>")}} sur les valeurs possibles. -

Syntaxe formelle

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

Spécifications

+## Spécifications -

Cette propriété n'est pas en voie de standardisation et ne fera pas partie de CSS. Pour créer des reflets en CSS, on pourra utiliser la fonction standard {{cssxref("element()", "element()")}}.

+Cette propriété n'est pas en voie de standardisation et ne fera pas partie de CSS. Pour créer des reflets en CSS, on pourra utiliser la fonction standard {{cssxref("element()", "element()")}}. -

{{cssinfo}}

+{{cssinfo}} -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("css.properties.-webkit-box-reflect")}}

+{{Compat("css.properties.-webkit-box-reflect")}} -

Voir aussi

+## Voir aussi - +- [La documentation Apple](https://developer.apple.com/library/safari/documentation/appleapplications/reference/safaricssref/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-SW16) +- [La spécification WebKit](https://www.webkit.org/blog/182/css-reflections/) +- L'article de Lea Verou sur les réflexions CSS [en utilisant les fonctionnalités en voie de standardisation](https://lea.verou.me/2011/06/css-reflections-for-firefox-with-moz-element-and-svg-masks/) -- cgit v1.2.3-54-g00ecf