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

La propriété list-style-position permet de définir la position du marqueur (cf. {{cssxref("::marker")}} de liste par rapport à la boîte principale.

- -
{{EmbedInteractiveExample("pages/css/list-style-position.html")}}
- -

Pour définir cette propriété, on pourra aussi utiliser la propriété raccourcie {{cssxref("list-style")}}.

- -
-

Note : - -

-

-
- -

Syntaxe

- -
/* Valeurs avec mot-clé */
-list-style-position: inside;
-list-style-position: outside;
-
-/* Valeurs globales */
-list-style-position: inherit;
-list-style-position: initial;
-list-style-position: unset;
-
- -

La propriété list-style-position est définie avec l'un des mots-clés suivants.

- -

Valeurs

- -
-
inside
-
La boîte du marqueur ({{cssxref("::marker")}}) est la première boîte en ligne (inline) de la boîte principale. Le contenu de l'élément sera appliqué à la suite de la boîte du marqueur.
-
outside
-
La boîte du marqueur ({{cssxref("::marker")}}) est en dehors de la boîte principale.
-
- -

Syntaxe formelle

- -{{csssyntax}} - -

Exemples

- -

CSS

- -
.one {
-  list-style:square inside;
-}
-
-.two {
-  list-style-position: outside;
-  list-style-type: circle;
-}
-
-.three {
-  list-style-image: url("https://mdn.mozillademos.org/files/11979/starsolid.gif");
-  list-style-position: inherit;
-}
- -

HTML

- -
<ul class="one"> Liste 1
-  <li>Élément 1-1</li>
-  <li>Élément 1-2</li>
-  <li>Élément 1-3</li>
-  <li>Élément 1-4</li>
-</ul>
-<ul class="two"> Liste 2
-  <li>Élément 2-1</li>
-  <li>Élément 2-2</li>
-  <li>Élément 2-3</li>
-  <li>Élément 2-4</li>
-</ul>
-<ul class="three"> Liste 3
-  <li>Élément 3-1</li>
-  <li>Élément 3-2</li>
-  <li>Élément 3-3</li>
-  <li>Élément 3-4</li>
-</ul>
- -

Résultat

- -

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

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS3 Lists', '#list-style-position-property', 'list-style-position')}}{{Spec2('CSS3 Lists')}}Aucun changement.
{{SpecName('CSS2.1', 'generate.html#propdef-list-style-position', 'list-style-position')}}{{Spec2('CSS2.1')}}Définition initiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

{{Compat("css.properties.list-style-position")}}

- -

Voir aussi

- - diff --git a/files/fr/web/css/list-style-position/index.md b/files/fr/web/css/list-style-position/index.md new file mode 100644 index 0000000000..7b25c5bcc1 --- /dev/null +++ b/files/fr/web/css/list-style-position/index.md @@ -0,0 +1,135 @@ +--- +title: list-style-position +slug: Web/CSS/list-style-position +tags: + - CSS + - Propriété + - Reference +translation_of: Web/CSS/list-style-position +--- +
{{CSSRef}}
+ +

La propriété list-style-position permet de définir la position du marqueur (cf. {{cssxref("::marker")}} de liste par rapport à la boîte principale.

+ +
{{EmbedInteractiveExample("pages/css/list-style-position.html")}}
+ +

Pour définir cette propriété, on pourra aussi utiliser la propriété raccourcie {{cssxref("list-style")}}.

+ +
+

Note : + +

+

+
+ +

Syntaxe

+ +
/* Valeurs avec mot-clé */
+list-style-position: inside;
+list-style-position: outside;
+
+/* Valeurs globales */
+list-style-position: inherit;
+list-style-position: initial;
+list-style-position: unset;
+
+ +

La propriété list-style-position est définie avec l'un des mots-clés suivants.

+ +

Valeurs

+ +
+
inside
+
La boîte du marqueur ({{cssxref("::marker")}}) est la première boîte en ligne (inline) de la boîte principale. Le contenu de l'élément sera appliqué à la suite de la boîte du marqueur.
+
outside
+
La boîte du marqueur ({{cssxref("::marker")}}) est en dehors de la boîte principale.
+
+ +

Syntaxe formelle

+ +{{csssyntax}} + +

Exemples

+ +

CSS

+ +
.one {
+  list-style:square inside;
+}
+
+.two {
+  list-style-position: outside;
+  list-style-type: circle;
+}
+
+.three {
+  list-style-image: url("https://mdn.mozillademos.org/files/11979/starsolid.gif");
+  list-style-position: inherit;
+}
+ +

HTML

+ +
<ul class="one"> Liste 1
+  <li>Élément 1-1</li>
+  <li>Élément 1-2</li>
+  <li>Élément 1-3</li>
+  <li>Élément 1-4</li>
+</ul>
+<ul class="two"> Liste 2
+  <li>Élément 2-1</li>
+  <li>Élément 2-2</li>
+  <li>Élément 2-3</li>
+  <li>Élément 2-4</li>
+</ul>
+<ul class="three"> Liste 3
+  <li>Élément 3-1</li>
+  <li>Élément 3-2</li>
+  <li>Élément 3-3</li>
+  <li>Élément 3-4</li>
+</ul>
+ +

Résultat

+ +

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

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('CSS3 Lists', '#list-style-position-property', 'list-style-position')}}{{Spec2('CSS3 Lists')}}Aucun changement.
{{SpecName('CSS2.1', 'generate.html#propdef-list-style-position', 'list-style-position')}}{{Spec2('CSS2.1')}}Définition initiale.
+ +

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ +

{{Compat("css.properties.list-style-position")}}

+ +

Voir aussi

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