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/widows/index.md | 124 ++++++++++++++++----------------------- 1 file changed, 50 insertions(+), 74 deletions(-) (limited to 'files/fr/web/css/widows') diff --git a/files/fr/web/css/widows/index.md b/files/fr/web/css/widows/index.md index 29932c7497..6569d4376c 100644 --- a/files/fr/web/css/widows/index.md +++ b/files/fr/web/css/widows/index.md @@ -7,12 +7,13 @@ tags: - Reference translation_of: Web/CSS/widows --- -
{{CSSRef}}
+{{CSSRef}} -

La propriété widows définit le nombre minimum de lignes qui peuvent être laissées en haut de la page, région ou colonne suivante. En utilisant la propriété widows, on évite d'avoir des veuves sur une seule ligne.

+La propriété **`widows`** définit le nombre minimum de lignes qui peuvent être laissées en haut de la [page](/fr/docs/Web/CSS/Medias_paginés), région ou [colonne](/fr/docs/Web/CSS/Colonnes_CSS) suivante. En utilisant la propriété `widows`, on évite d'avoir des veuves sur une seule ligne. -
/* Valeurs entières */
-/* type <integer> */
+```css
+/* Valeurs entières */
+/* type  */
 widows: 2;
 widows: 3;
 
@@ -20,30 +21,27 @@ widows: 3;
 widows: inherit;
 widows: initial;
 widows: unset;
-
+``` -
-

Note : En typographie, une ligne veuve est la dernière ligne d'un paragraphe qui apparaît seule en haut d'une nouvelle page (alors que le paragraphe démarrait sur une page antérieure).

-
+> **Note :** En typographie, une ligne veuve est la dernière ligne d'un paragraphe qui apparaît seule en haut d'une nouvelle page (alors que le paragraphe démarrait sur une page antérieure). -

Syntaxe

+## Syntaxe -

Valeurs

+### Valeurs -
-
<integer>
-
Cet entier indique le nombre minimum de lignes qui peuvent apparaître en haut d'une nouvelle page, région ou colonne lorsqu'une rupture intervient. Si la valeur est négative, la déclaration est invalide.
-
+- `` + - : Cet entier indique le nombre minimum de lignes qui peuvent apparaître en haut d'une nouvelle page, région ou colonne lorsqu'une rupture intervient. Si la valeur est négative, la déclaration est invalide. -

Syntaxe formelle

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

Exemple

+## Exemple -

CSS

+### CSS -
div {
+```css
+div {
   background-color: #8cffa0;
   columns: 3;
   widows: 2;
@@ -56,59 +54,37 @@ p {
 p:first-child {
   margin-top: 0;
 }
-
- -

HTML

- -
<div>
-  <p>Un premier paragraphe avec un peu de texte.</p>
-  <p>Un deuxième paragraphe avec un peu plus de texte et qui permet d'illustrer le fonctionnement de widows.</p>
-  <p>Enfin, un troisième paragraphe avec un peu plus de texte que le premier.</p>
-</div>
-
- -

Résult

- -

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

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS3 Fragmentation', '#widows-orphans', 'widows')}}{{Spec2('CSS3 Fragmentation')}}Extension de widows qui peut désormais être appliqué à n'importe quel type de fragment : pages, régions ou colonnes.
{{SpecName('CSS3 Multicol', '#filling-columns', 'widows')}}{{Spec2('CSS3 Multicol')}}Recommandation d'utiliser widows avec les colonnes.
{{SpecName('CSS2.1', 'page.html#break-inside', 'widows')}}{{Spec2('CSS2.1')}}Définition initiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

{{Compat("css.properties.widows")}}

- -

Voir aussi

- - +``` + +### HTML + +```html +
+

Un premier paragraphe avec un peu de texte.

+

Un deuxième paragraphe avec un peu plus de texte et qui permet d'illustrer le fonctionnement de widows.

+

Enfin, un troisième paragraphe avec un peu plus de texte que le premier.

+
+``` + +### Résult + +{{EmbedLiveSample("Exemple", 400, 160)}} + +## Spécifications + +| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------ | ---------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- | +| {{SpecName('CSS3 Fragmentation', '#widows-orphans', 'widows')}} | {{Spec2('CSS3 Fragmentation')}} | Extension de `widows` qui peut désormais être appliqué à n'importe quel type de fragment : pages, régions ou colonnes. | +| {{SpecName('CSS3 Multicol', '#filling-columns', 'widows')}} | {{Spec2('CSS3 Multicol')}} | Recommandation d'utiliser `widows` avec les colonnes. | +| {{SpecName('CSS2.1', 'page.html#break-inside', 'widows')}} | {{Spec2('CSS2.1')}} | Définition initiale. | + +{{cssinfo}} + +## Compatibilité des navigateurs + +{{Compat("css.properties.widows")}} + +## Voir aussi + +- {{cssxref("orphans")}} +- [Médias paginés](/fr/docs/Web/CSS/Medias_paginés) -- cgit v1.2.3-54-g00ecf