From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/css/orphans/index.html | 114 ++++++++++++++++++++++++++++++++++++ 1 file changed, 114 insertions(+) create mode 100644 files/fr/web/css/orphans/index.html (limited to 'files/fr/web/css/orphans/index.html') diff --git a/files/fr/web/css/orphans/index.html b/files/fr/web/css/orphans/index.html new file mode 100644 index 0000000000..8fa838fcac --- /dev/null +++ b/files/fr/web/css/orphans/index.html @@ -0,0 +1,114 @@ +--- +title: orphans +slug: Web/CSS/orphans +tags: + - CSS + - Propriété + - Reference +translation_of: Web/CSS/orphans +--- +
{{CSSRef}}
+ +

La propriété orphans définit le nombre minimum de lignes qui doivent rester en bas d'une page, d'une région ou d'une colonne dans un conteneur de bloc.

+ +
/* Valeur numérique entière */
+orphans: 3;
+
+/* Valeurs globales */
+orphans: inherit;
+orphans: initial;
+orphans: unset;
+
+ +
+

Note : En typographie, un orphelin (orphan en anglais) est la première ligne d'un paragraphe qui apparaît isolée en bas d'une page (le paragraphe poursuivant sur la page suivante).

+
+ +

Syntaxe

+ +

Valeurs

+ +
+
<integer>
+
Seules les valeurs positives sont autorisées. Le nombre de lignes qu'on souhaite avoir au minimum avant une rupture.
+
+ +

Syntaxe formelle

+ +
{{csssyntax}}
+ +

Exemples

+ +

HTML

+ +
<p class=exemple>
+  Tout en causant ainsi, Alice était entrée dans une petite chambre
+  bien rangée, et, comme elle s’y attendait, sur une petite table
+  dans l’embrasure de la fenêtre, elle vit un éventail et deux ou
+  trois paires de gants de chevreau tout petits. Elle en prit une
+  paire, ainsi que l’éventail, et allait quitter la chambre lorsqu’
+  elle aperçut, près du miroir, une petite bouteille. Cette fois il
+  n’y avait pas l’inscription BUVEZ-MOI — ce qui n’empêcha pas Alice
+  de la déboucher et de la porter à ses lèvres. « Il m’arrive toujours
+  quelque chose d’intéressant, » se dit-elle, « lorsque je mange ou
+  que je bois. Je vais voir un peu l’effet de cette bouteille.
+  J’espère bien qu’elle me fera regrandir, car je suis vraiment
+  fatiguée de n’être qu’une petite nabote ! »C’est ce qui arriva en
+  effet, et bien plus tôt qu’elle ne s’y attendait. Elle n’avait pas
+  bu la moitié de la bouteille, que sa tête touchait au plafond et
+  qu’elle fut forcée de se baisser pour ne pas se casser le cou. Elle
+  remit bien vite la bouteille sur la table en se disant : « En voilà
+  assez ; j’espère ne pas grandir davantage. Je ne puis déjà plus
+  passer par la porte. Oh ! je voudrais bien n’avoir pas tant bu ! »
+</p>
+ +

CSS

+ +
.exemple {
+  orphans: 4;
+  columns: 3;
+}
+
+ +

Résultat

+ +

{{EmbedLiveSample("Exemples","600","500")}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('CSS3 Fragmentation', '#widows-orphans', 'orphans')}}{{Spec2('CSS3 Fragmentation')}}La propriété orphans est étendue pour s'appliquer à n'importe quel fragment comme les pages, les régions ou les colonnes.
{{SpecName('CSS2.1', 'page.html#break-inside', 'orphans')}}{{Spec2('CSS2.1')}}Définition initiale.
+ +

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ + + +

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

+ +

Voir aussi

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