CODEWITHSUNDEEP
cssmedia
dramasea
dramasea

Reputation: 3490

What does media="screen" mean in css?

What does media="screen" mean in the below css code?

<style type="text/css" media="screen">

Upvotes: 7

Views: 10816

Answers (3)

ray1
ray1

Reputation: 4048

There are two types, screen is the default browser view. print is for print view.

Upvotes: 3

Tarek Fadel
Tarek Fadel

Reputation: 1959

In addition to Brook's answer, the media="foo" attribute of the is equivilant to the @media foo in your CSS file

Upvotes: 1

Brook
Brook

Reputation: 6009

The goal of the media attribute is to allow you to specify different styles for different methods of display.

Most commonly I use this to have 2 sets of styles, 1 for display (screen) and 1 for printing (print)

Normally on the "print" css I'll do things like hide buttons, strip out extraneous images, ads, etc etc. Basically, make it 8.5x11 friendly.

Upvotes: 8

Related Questions