Course Content

  • Lecture-32_page-break-after
  • Lecture-32_page-break-before
  • Lecture-32_page-break-inside

Course Content


CSS can be used to alter the appearance of a web page when printed on paper. For the screen version, you can choose one typeface and another for the print version.

The @media CSS at-rule can be used to apply a portion of a style sheet based on one or more media queries' results. You can use it to define a media query and a CSS block that will be applied to the document if and only if the media query matches the device on which the content is being viewed.

Although page breaks are not displayed, the DevTools (F12 or Cmd/Ctrl + Shift + I) can imitate print styles. Open Developer Tools in Chrome and choose More Tools, then Rendering from the three-dot icon menu at the top right. Emulate CSS Media should now print at the bottom of that panel.

Some properties that are not printable include:

  • border-color
  • border-style
  • border-width

The advantages of using print properties include:

  • Using fewer images
  • Creating unique designs for each type of media
  • Creating unique designs for each device

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere