このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

CSS 断片化

CSS 断片化 (CSS fragmentation) モジュールは、コンテンツが複数のページ、領域、をまたがって分割された(断片化された)ときにどのように表示するかを定義します。このモジュールは、ページネーション、可変の断片サイズや方向の分割、未行および孤立行に関する機能を定義しています。

このモジュールでは、コンテンツが断片化コンテナーの間でどのように区切られるか、また作成者がその区切りをどのように制御できるかについて説明します。コンテナー間でコンテンツが区切られることを総称して「断片化」と呼びます。断片化は、CSS の段組みレイアウトなどのレイアウト機能を使用する際に発生することがあります。例えば、ブロックが段組みレイアウトコンテナーの中で複数の段にまたがる場合や、印刷時にページにまたがる場合です。その要素の表示されるそれぞれの部分は断片と呼ばれます。

コンテンツが実際に印刷されたり、印刷プレビューとして表示されたりする場合、改ページが発生します。このページ区切りのあるメディアでは、連続したメディアとは異なり、文書のコンテンツが 1 つ以上のページ、あるいはフラグメントに分割されることがあります。テキストの行の途中や、単語が 1 つだけで 1 ページを占めるといった不自然な改ページを避けるため、ブラウザーは、本来であれば改ページにまたがるはずのコンテンツを移動させることがあります。この処理は「ページネーション」と呼ばれます。