La fragmentation CSS
Le module de fragmentation CSS définit comment le contenu est affiché lorsqu'il est fragmenté et s'écoule sur plusieurs pages, régions ou colonnes. Ce module définit des fonctionnalités pour la pagination, la rupture de taille et d'orientation des fragments, les veuves et les orphelins.
Ce module explique comment le contenu se divise entre les conteneurs de fragmentation et comment ces divisions peuvent être contrôlées par l'auteur·ice. Le terme générique pour la division du contenu entre les conteneurs est fragmentation. La fragmentation se produit lorsqu'une boîte en incise s'étend sur plusieurs lignes. Cela peut se produire lors de l'utilisation de fonctionnalités de mise en page telles que la mise en page multi-colonnes CSS : par exemple, lorsqu'un bloc s'étend sur plus d'une colonne à l'intérieur d'un conteneur de mise en page en colonnes, ou lorsqu'il s'étend sur un saut de page lors de l'impression. Chaque partie du rendu de l'élément est appelée un fragment.
Lorsqu'un contenu est physiquement imprimé ou affiché en aperçu avant impression, il y a des sauts de page. Dans ce type de média paginé, contrairement aux médias continus, le contenu du document peut être divisé entre une ou plusieurs pages, ou fragments. Pour éviter des ruptures maladroites, comme au milieu d'une ligne de texte ou avec un mot isolé sur sa propre page, les navigateurs peuvent déplacer le contenu qui tombe autrement sur le saut de page dans un processus appelé pagination.
Référence
>Propriétés
Termes du glossaire
Guides
- Gérer les ruptures de contenu dans une disposition multi-colonnes
-
Introduction à la spécification de la fragmentation et comment contrôler où le contenu des colonnes se divise.
Concepts associés
- La propriété
overflow - Les propriétés
height,max-heightetblock-size - Les propriétés
width,max-widthetinline-size - Le contexte de formatage en bloc
Le module de média paginés CSS
Le module d'affichage CSS
- Le terme de boîte principale
- Le guide du contexte de formatage en bloc
Spécifications
| Spécification |
|---|
| CSS Fragmentation Module Level 3> |
Voir aussi
- Les descripteurs
horizontal-viewport-segmentsetvertical-viewport-segmentsde la règle@media - L'API Viewport Segments
- Le module de disposition multi-colonnes CSS