From the course: CSS: Print Style Sheets
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Controlling widows and orphans - CSS Tutorial
From the course: CSS: Print Style Sheets
Controlling widows and orphans
- [Instructor] These aren't the widows and orphans that you were thinking about. These are CSS fragmentation widows and orphans, which have their own unique definition. In this context, an orphan is the number of lines that appear at the bottom of a page, region or column, while widows are the lines that appear at the top of a page, region or column. In other words, they're lines. They're not just words. As previously discussed, regions are experimental. So mostly we're just considering widows and orphans with pages or with columns. As Dudley Story has said, "Orphans are left alone at the beginning, "whereas widows are left alone at the end." So that might help you remember which goes where. In terms of browser support, every browser but Firefox supports widows and orphans. But fortunately, like hyphens, widows and orphans are a progressive enhancement. Firefox users won't enjoy the benefit, but other browsers will.…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
Understanding paged media and CSS fragmentation properties4m 13s
-
(Locked)
Setting printing page breaks5m 51s
-
(Locked)
Creating columns within longer documents5m 11s
-
(Locked)
Adding hyphenation5m 25s
-
(Locked)
Controlling widows and orphans3m 43s
-
(Locked)
Using @page to create page margins5m 25s
-
(Locked)
Coming soon: Additional @page properties3m 16s
-
(Locked)
Challenge1m 15s
-
(Locked)
Solution4m 30s
-
(Locked)
-