CSS-Fragmentierung

Das CSS-Fragmentierungsmodul definiert, wie Inhalte angezeigt werden, wenn sie aufgebrochen (fragmentiert) und über mehrere Seiten, Regionen oder Spalten fließen. Dieses Modul definiert Funktionen für Paginierung, variable Fragmentgrößen und -ausrichtungen, "Widows" und "Orphans".

Dieses Modul erklärt, wie Inhalte über Fragmentierungscontainer hinweg aufgebrochen werden und wie solche Aufbrüche vom Autor gesteuert werden können. Der generische Begriff für das Aufbrechen von Inhalten über Container hinweg ist Fragmentierung. Fragmentierung tritt auf, wenn ein Inline-Block auf mehrere Zeilen umgebrochen wird. Dies kann passieren, wenn Layout-Funktionen wie das CSS-Multispalten-Layout verwendet werden: Zum Beispiel, wenn ein Block mehrere Spalten innerhalb eines Spaltenlayouts abdeckt oder einen Seitenumbruch beim Drucken überspannt. Jedes Stück der Darstellung des Elements wird als Fragment bezeichnet.

Wenn Inhalte physisch gedruckt oder als Druckvorschau angezeigt werden, gibt es Seitenumbrüche. In diesem paginierten Medium, im Gegensatz zu kontinuierlichen Medien, kann der Dokumentinhalt zwischen einer oder mehreren Seiten oder Fragmenten aufgeteilt werden. Um ungeschickte Umbrüche, wie zum Beispiel mitten durch eine Textzeile oder mit einem einzelnen Wort auf einer eigenen Seite zu vermeiden, können Browser Inhalte verschieben, die sonst über den Seitenumbruch fallen würden. Dieser Prozess wird als Paginierung bezeichnet.

Referenz

Eigenschaften

• box-decoration-break
• break-after
• break-before
• break-inside
• orphans
• widows

Glossarbegriffe

• Fragmentainer

Leitfäden

Umgang mit Inhaltsumbrüchen im Multispalten-Layout

Einführung in die Fragmentierungsspezifikation und wie man steuert, wo der Spalteninhalt aufbricht.

Verwandte Konzepte

• overflow
• height, max-height, und block-size CSS-Eigenschaften
• width, max-width, und inline-size CSS-Eigenschaften
• Blockformatierungskontext

CSS-seitige Medien Modul

• page
• @page

CSS-Anzeige Modul

• Hauptbox Begriff
• Blockformatierungskontext Leitfaden

Spezifikationen

Siehe auch

• horizontal-viewport-segments und vertical-viewport-segments @media Deskriptoren
• Viewport Segments API
• CSS-Multispalten-Layout Modul