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

Controlling widows and orphans - CSS Tutorial

From the course: CSS: Print Style Sheets

Start my 1-month free trial

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.…

Contents