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.

Previewing print style sheets without printing

Previewing print style sheets without printing - CSS Tutorial

From the course: CSS: Print Style Sheets

Start my 1-month free trial

Previewing print style sheets without printing

- [Instructor] There are several ways to test your print styles without having to actually print your webpage. The methodologies vary slightly between Windows and Mac, and they may vary across browsers as well. I'm going to focus on Firefox and Chrome. The methodologies for Safari and Edge are going to be similar to what I show you here with Firefox and Chrome. So let's start with Chrome, which has an easy way of printing the page. Not so easy looking at it in developer tools. So the first way to do this you've actually already seen me do, this is the webpage we have been working on in all its glory. And if we go to our three-dot button over here on the right side of the screen and simply choose Print, this will go ahead and give us a preview of what the page will look like here on the screen. And you can go ahead and scroll down. You can output this as a PDF, if that's something that would be helpful to you. It's…

Contents