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

Attention : Cette propriété a été remplacée par la propriété {{cssxref("break-inside")}}.

-
- -

La propriété page-break-inside ajuste la façon dont sont appliqués les sauts de page au sein de l'élément courant.

- -
/* Valeurs avec un mot-clé */
-page-break-inside: auto;
-page-break-inside: avoid;
-
-/* Valeurs globales */
-page-break-inside: inherit;
-page-break-inside: initial;
-page-break-inside: unset;
-
- -

Syntaxe

- -

Valeurs

- -
-
auto
-
Valeur initiale. Les sauts de page sont automatiques (ni forcés, ni interdits).
-
avoid
-
L'agent utilisateur évite d'insérer un saut de page au sein de l'élément.
-
- -

Syntaxe formelle

- -{{csssyntax}} - -

Alias avec break-inside

- -

La propriété page-break-inside a désormais été remplacée par la propriété {{cssxref("break-inside")}}.

- -

Pour des raisons de compatibilité, page-break-inside devrait être considérée par les navigateurs comme synonyme de break-inside. De cette façon, les sites utilisant page-break-inside pourront continuer de fonctionner. Voici un sous-ensemble des valeurs de cette propriété et des correspondances

- - - - - - - - - - - - - - - - - - -
page-break-insidebreak-inside
autoauto
avoidavoid
- -

Exemples

- -

HTML

- -
<div class="page">
-  <p>Un premier paragraphe.</p>
-  <section class="list">
-    <span>Une liste</span>
-    <ol>
-      <li>Un</li>
-<!--       <li>Deux</li> -->
-    </ol>
-  </section>
-  <ul>
-    <li>Un</li>
-<!--     <li>Deux</li> -->
-  </ul>
-  <p>Un deuxième paragraphe.</p>
-  <p>Un troisième paragraphe, un peu plus long.</p>
-  <p>Un quatrième paragraphe, un peu plus long voire plus long que le troisième.</p>
-</div>
- -

CSS

- -
.page {
-  background-color: #8cffa0;
-  height: 90px;
-  width: 200px;
-  columns: 1;
-  column-width: 100px;
-}
-
-.list, ol, ul, p {
-  break-inside: avoid;
-}
-
-p {
-  background-color: #8ca0ff;
-}
-
-ol, ul, .list {
-  margin: 0.5em 0;
-  display: block;
-  background-color: orange;
-}
-
-p:first-child {
-  margin-top: 0;
-}
- -

Résultat

- -

{{EmbedLiveSample("Exemples", 400, 160)}}

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS3 Paged Media', '#page-break-inside', 'page-break-inside')}}{{Spec2('CSS3 Paged Media')}}Permet d'appliquer cette propriété sur plus d'éléments.
{{SpecName('CSS2.1', 'page.html#propdef-page-break-inside', 'page-break-inside')}}{{Spec2('CSS2.1')}}Définition initiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

{{Compat("css.properties.page-break-inside")}}

- -

Voir aussi

- - diff --git a/files/fr/web/css/page-break-inside/index.md b/files/fr/web/css/page-break-inside/index.md new file mode 100644 index 0000000000..3dc045c5ee --- /dev/null +++ b/files/fr/web/css/page-break-inside/index.md @@ -0,0 +1,162 @@ +--- +title: page-break-inside +slug: Web/CSS/page-break-inside +tags: + - CSS + - Propriété + - Reference +translation_of: Web/CSS/page-break-inside +--- +
{{CSSRef}}
+ +
+

Attention : Cette propriété a été remplacée par la propriété {{cssxref("break-inside")}}.

+
+ +

La propriété page-break-inside ajuste la façon dont sont appliqués les sauts de page au sein de l'élément courant.

+ +
/* Valeurs avec un mot-clé */
+page-break-inside: auto;
+page-break-inside: avoid;
+
+/* Valeurs globales */
+page-break-inside: inherit;
+page-break-inside: initial;
+page-break-inside: unset;
+
+ +

Syntaxe

+ +

Valeurs

+ +
+
auto
+
Valeur initiale. Les sauts de page sont automatiques (ni forcés, ni interdits).
+
avoid
+
L'agent utilisateur évite d'insérer un saut de page au sein de l'élément.
+
+ +

Syntaxe formelle

+ +{{csssyntax}} + +

Alias avec break-inside

+ +

La propriété page-break-inside a désormais été remplacée par la propriété {{cssxref("break-inside")}}.

+ +

Pour des raisons de compatibilité, page-break-inside devrait être considérée par les navigateurs comme synonyme de break-inside. De cette façon, les sites utilisant page-break-inside pourront continuer de fonctionner. Voici un sous-ensemble des valeurs de cette propriété et des correspondances

+ + + + + + + + + + + + + + + + + + +
page-break-insidebreak-inside
autoauto
avoidavoid
+ +

Exemples

+ +

HTML

+ +
<div class="page">
+  <p>Un premier paragraphe.</p>
+  <section class="list">
+    <span>Une liste</span>
+    <ol>
+      <li>Un</li>
+<!--       <li>Deux</li> -->
+    </ol>
+  </section>
+  <ul>
+    <li>Un</li>
+<!--     <li>Deux</li> -->
+  </ul>
+  <p>Un deuxième paragraphe.</p>
+  <p>Un troisième paragraphe, un peu plus long.</p>
+  <p>Un quatrième paragraphe, un peu plus long voire plus long que le troisième.</p>
+</div>
+ +

CSS

+ +
.page {
+  background-color: #8cffa0;
+  height: 90px;
+  width: 200px;
+  columns: 1;
+  column-width: 100px;
+}
+
+.list, ol, ul, p {
+  break-inside: avoid;
+}
+
+p {
+  background-color: #8ca0ff;
+}
+
+ol, ul, .list {
+  margin: 0.5em 0;
+  display: block;
+  background-color: orange;
+}
+
+p:first-child {
+  margin-top: 0;
+}
+ +

Résultat

+ +

{{EmbedLiveSample("Exemples", 400, 160)}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('CSS3 Paged Media', '#page-break-inside', 'page-break-inside')}}{{Spec2('CSS3 Paged Media')}}Permet d'appliquer cette propriété sur plus d'éléments.
{{SpecName('CSS2.1', 'page.html#propdef-page-break-inside', 'page-break-inside')}}{{Spec2('CSS2.1')}}Définition initiale.
+ +

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ +

{{Compat("css.properties.page-break-inside")}}

+ +

Voir aussi

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