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.
Setting printing page breaks - CSS Tutorial
From the course: CSS: Print Style Sheets
Setting printing page breaks
- [Instructor] Let's start by examining the various kinds of page breaks that are available to us as well as the break properties. Remember page break properties like before and after and inside are all part of the page media spec. They're all for print, and the break properties can be used for columns as well as for pages. And so we're going to switch to a different example for this chapter. You'll recognize this from the challenge at the end of chapter two. This is the Red30 website, and this is the way it looks right now on screen. If we take a look at this on print real quick, you'll see this is the way it's looking here inside of Chrome. Very nice; I've hidden the picture here, and as you scroll down, we have this "Careers in Artificial Intelligence" right now. That is a box and that box is breaking across this page break, and we probably would like to have that box all on one page or another. So we might give some…
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)
-