CSS 断片化
CSS 断片化 (CSS fragmentation) モジュールは、コンテンツが複数のページ、領域、段をまたがって分割された(断片化された)ときにどのように表示するかを定義します。このモジュールは、ページネーション、可変の断片サイズや方向の分割、未行および孤立行に関する機能を定義しています。
このモジュールでは、コンテンツが断片化コンテナーの間でどのように区切られるか、また作成者がその区切りをどのように制御できるかについて説明します。コンテナー間でコンテンツが区切られることを総称して「断片化」と呼びます。断片化は、CSS の段組みレイアウトなどのレイアウト機能を使用する際に発生することがあります。例えば、ブロックが段組みレイアウトコンテナーの中で複数の段にまたがる場合や、印刷時にページにまたがる場合です。その要素の表示されるそれぞれの部分は断片と呼ばれます。
コンテンツが実際に印刷されたり、印刷プレビューとして表示されたりする場合、改ページが発生します。このページ区切りのあるメディアでは、連続したメディアとは異なり、文書のコンテンツが 1 つ以上のページ、あるいはフラグメントに分割されることがあります。テキストの行の途中や、単語が 1 つだけで 1 ページを占めるといった不自然な改ページを避けるため、ブラウザーは、本来であれば改ページにまたがるはずのコンテンツを移動させることがあります。この処理は「ページネーション」と呼ばれます。
リファレンス
>プロパティ
用語集
ガイド
- 段組みにおけるコンテンツの分割の処理
-
断片化仕様の概要と、列の内容がどこで改行されるかを制御する方法について。
関連概念
overflow- CSS の
height,max-height,block-sizeプロパティ - CSS の
width,max-width,inline-sizeプロパティ - ブロック整形コンテキスト
CSS ページメディアモジュール
CSS 表示方法モジュール
- 主ボックス(用語)
- ブロック整形コンテキストガイド
仕様書
| Specification |
|---|
| CSS Fragmentation Module Level 3> |
関連情報
@media記述子のhorizontal-viewport-segmentsおよびvertical-viewport-segments- ビューポートセグメント API
- CSS 段組みレイアウトモジュール