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/orphans/index.md | 105 ++++++++++++++++---------------------- 1 file changed, 43 insertions(+), 62 deletions(-) (limited to 'files/fr/web/css/orphans/index.md') diff --git a/files/fr/web/css/orphans/index.md b/files/fr/web/css/orphans/index.md index 7f6b33538a..1f6ed80e3e 100644 --- a/files/fr/web/css/orphans/index.md +++ b/files/fr/web/css/orphans/index.md @@ -7,41 +7,39 @@ tags: - Reference translation_of: Web/CSS/orphans --- -
{{CSSRef}}
+{{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.

+La propriété **`orphans`** définit le nombre _minimum_ de lignes qui doivent rester en bas d'une [page](/fr/docs/Web/CSS/M%C3%A9dia_pagin%C3%A9s), d'une région ou d'une [colonne](/fr/docs/Web/CSS/Colonnes_CSS) dans un conteneur de bloc. -
/* Valeur numérique entière */
+```css
+/* 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).

-
+> **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

+## Syntaxe -

Valeurs

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

Syntaxe formelle

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

Exemples

+## Exemples -

HTML

+### HTML -
<p class=exemple>
+```html
+

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 @@ -60,53 +58,36 @@ orphans: unset; 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

+### CSS -
.exemple {
+```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

- - +``` + +### Résultat + +{{EmbedLiveSample("Exemples","600","500")}} + +## Spécifications + +| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------ | ---------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- | +| {{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 + +- {{cssxref("widows")}} +- [Média paginés](/fr/docs/Web/CSS/Média_paginés) -- cgit v1.2.3-54-g00ecf