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/offset-position/index.html | 103 ---------------------------- files/fr/web/css/offset-position/index.md | 103 ++++++++++++++++++++++++++++ 2 files changed, 103 insertions(+), 103 deletions(-) delete mode 100644 files/fr/web/css/offset-position/index.html create mode 100644 files/fr/web/css/offset-position/index.md (limited to 'files/fr/web/css/offset-position') diff --git a/files/fr/web/css/offset-position/index.html b/files/fr/web/css/offset-position/index.html deleted file mode 100644 index a73e9d4b41..0000000000 --- a/files/fr/web/css/offset-position/index.html +++ /dev/null @@ -1,103 +0,0 @@ ---- -title: offset-position -slug: Web/CSS/offset-position -translation_of: Web/CSS/offset-position ---- -
{{CSSRef}}{{seecompattable}}
- -

La propriété CSS offset-position définit la position initiale de {{cssxref("offset-path")}}.

- -

Syntax

- -
/* Valeurs de mots clefs */
-offset-position: auto;
-offset-position: top;
-offset-position: bottom;
-offset-position: left;
-offset-position: right;
-offset-position: center;
-
-/* Valeurs de <pourcentage> */
-offset-position: 25% 75%;
-
-/* Valeurs de <longueur> */
-offset-position: 0 0;
-offset-position: 1cm 2cm;
-offset-position: 10ch 8em;
-
-/* Valeurs d'écart d'un bord */
-offset-position: bottom 10px right 20px;
-offset-position: right 3em bottom 10px;
-offset-position: bottom 10px right;
-offset-position: top right 10px;
-
-/* Valeurs globales */
-offset-position: inherit;
-offset-position: initial;
-offset-position: unset;
-
- -

Values

- -
-
auto
-
La position initiale est la position de la boîte spécifiée par la propriété {{cssxref("position")}}.
-
<position>
-
Une {{cssxref("<position>")}}. Une position définit des coordonnées x/y pour positionner un élément de façon relative aux bords de la boîte de cet élément. Elles peuvent être définies en utilisant une à quatre valeurs. Si deux valeurs qui ne sont pas des mots clefs sont utilisées, la première valeur représente la position horizontale et la seconde représente la position verticale. Si seulement une valeur est définie, la seconde est considérée comme center. Si trois ou quatre valeurs sont utilisées, les valeurs en pourcentage sont des écarts du mot clef qui les précéde. Pour plus d'explications sur ces types de valeur, consultez {{cssxref("background-position")}}.
-
- -

Définition formelle

- -

{{cssinfo}}

- -

Syntax formelle

- -{{csssyntax}} - -

Exemples

- -

Définir la valeur initiale de offset-position

- -
<div id="motion-demo"></div>
-
- -
#motion-demo {
-  offset-path: path('M20,20 C20,100 200,0 200,100');
-  offset-position: left top;
-  animation: move 3000ms infinite alternate ease-in-out;
-  width: 40px;
-  height: 40px;
-  background: cyan;
-}
-
-@keyframes move {
-  0% {
-    offset-distance: 0%;
-  }
-  100% {
-    offset-distance: 100%;
-  }
-}
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Motion Path Level 1', '#offset-position-property', 'offset-position')}}{{Spec2('Motion Path Level 1')}}Définition initiale
- -

Compatibilité de navigateur

- -

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

diff --git a/files/fr/web/css/offset-position/index.md b/files/fr/web/css/offset-position/index.md new file mode 100644 index 0000000000..a73e9d4b41 --- /dev/null +++ b/files/fr/web/css/offset-position/index.md @@ -0,0 +1,103 @@ +--- +title: offset-position +slug: Web/CSS/offset-position +translation_of: Web/CSS/offset-position +--- +
{{CSSRef}}{{seecompattable}}
+ +

La propriété CSS offset-position définit la position initiale de {{cssxref("offset-path")}}.

+ +

Syntax

+ +
/* Valeurs de mots clefs */
+offset-position: auto;
+offset-position: top;
+offset-position: bottom;
+offset-position: left;
+offset-position: right;
+offset-position: center;
+
+/* Valeurs de <pourcentage> */
+offset-position: 25% 75%;
+
+/* Valeurs de <longueur> */
+offset-position: 0 0;
+offset-position: 1cm 2cm;
+offset-position: 10ch 8em;
+
+/* Valeurs d'écart d'un bord */
+offset-position: bottom 10px right 20px;
+offset-position: right 3em bottom 10px;
+offset-position: bottom 10px right;
+offset-position: top right 10px;
+
+/* Valeurs globales */
+offset-position: inherit;
+offset-position: initial;
+offset-position: unset;
+
+ +

Values

+ +
+
auto
+
La position initiale est la position de la boîte spécifiée par la propriété {{cssxref("position")}}.
+
<position>
+
Une {{cssxref("<position>")}}. Une position définit des coordonnées x/y pour positionner un élément de façon relative aux bords de la boîte de cet élément. Elles peuvent être définies en utilisant une à quatre valeurs. Si deux valeurs qui ne sont pas des mots clefs sont utilisées, la première valeur représente la position horizontale et la seconde représente la position verticale. Si seulement une valeur est définie, la seconde est considérée comme center. Si trois ou quatre valeurs sont utilisées, les valeurs en pourcentage sont des écarts du mot clef qui les précéde. Pour plus d'explications sur ces types de valeur, consultez {{cssxref("background-position")}}.
+
+ +

Définition formelle

+ +

{{cssinfo}}

+ +

Syntax formelle

+ +{{csssyntax}} + +

Exemples

+ +

Définir la valeur initiale de offset-position

+ +
<div id="motion-demo"></div>
+
+ +
#motion-demo {
+  offset-path: path('M20,20 C20,100 200,0 200,100');
+  offset-position: left top;
+  animation: move 3000ms infinite alternate ease-in-out;
+  width: 40px;
+  height: 40px;
+  background: cyan;
+}
+
+@keyframes move {
+  0% {
+    offset-distance: 0%;
+  }
+  100% {
+    offset-distance: 100%;
+  }
+}
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Motion Path Level 1', '#offset-position-property', 'offset-position')}}{{Spec2('Motion Path Level 1')}}Définition initiale
+ +

Compatibilité de navigateur

+ +

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

-- cgit v1.2.3-54-g00ecf