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.
Adding hyphenation - CSS Tutorial
From the course: CSS: Print Style Sheets
Adding hyphenation
- [Instructor] If you've read any materials printed on paper lately, like a book, a magazine, or a newspaper, you will undoubtedly see hyphenated words at the ends of lines of text. It's possible to add hyphens on the web, as well. And it's even really easy to do, at least for English. The property is called hyphens. It's described here on the Mozilla Developer Network, MDN. And unfortunately, the browser support leaves something to be desired if you want to write your webpage in a language other than English. So this of course is caniuse.com, and as you can here as of this recording about 96.5% of users have access to this, but unprefixed is only 77%, so I will show you how to write the prefixed code here for writing hyphens. And this first box at the top of the page has to do with English, so this is how hyphens would be put in for that. But, of course, there are other languages that are out there, so if I just…
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)
-