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 print-only information that is hidden from screens

Adding print-only information that is hidden from screens - CSS Tutorial

From the course: CSS: Print Style Sheets

Start my 1-month free trial

Adding print-only information that is hidden from screens

“

- [Lecturer] We may want to add some styles that are going to be visible for printonly. And that might be associated with some content so that we have certain pieces of content that are going to print out only, but in the various screens that people might be using to look at the webpage, they aren't going to see this particular text. And so in this example, these are of course your Exercise Files, notably in the Exercise Files folder for this particular segment, you want to take a look at Text for Exercise. It's a Text file that's inside of that folder. Go on ahead and open that up and I'm going to go ahead and just copy that a little bit of text right there real quick. So we get that out of the way and see our code a little bit better. That little bit of text there, is a link to this webpage online. And what I'd like to have happen is to have that print up near the top of the document. So if somebody makes it print…

Contents