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.
Creating columns within longer documents - CSS Tutorial
From the course: CSS: Print Style Sheets
Creating columns within longer documents
- [Instructor] If you take a look at the exercise files for this video, drop it in a browser, and then go on ahead and pull up a print preview here. You'll notice that I have taken out the page break from the previous video. And because I'd like to look at something else, another way that we could address this problem of this box that splits over a couple of pages the way it does here. So we could probably shorten up this text that's up here on the top of the page using CSS columns. So CSS columns are a property that are useful for both screen and print media. And if you're really happy with the way your screen is looking maybe it's just something you want to apply to print. Maybe you want to have columns for print, but not on the screen itself. So let me show you how the columns work. It's a really fast thing to apply and then you'll see the impact here in the printed area. So go ahead and cancel out of that and we'll…
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)
-