In CSS to differentiate styles for print from styles for the computer screen media option is used as CSS can apply to a variety of different devices and media. Hence, for different media, different media attribute is applied to the <link \/> element, or the <style> element or from within a style sheet, for different media @media rules is used.<\/p>\n
The different types of media that CSS can be applied to are<\/p>\n
Media Type<\/strong><\/td>\n| Description<\/strong><\/td>\n<\/tr>\n | all<\/td>\n | Used for all media type devices<\/td>\n<\/tr>\n | aural<\/td>\n | Used for speech and sound synthesizers<\/td>\n<\/tr>\n | braille<\/td>\n | Used for braille tactile feedback devices<\/td>\n<\/tr>\n | embossed<\/td>\n | Used for paged braille printers<\/td>\n<\/tr>\n | handheld<\/td>\n | Used for small or handheld devices<\/td>\n<\/tr>\n | print<\/td>\n | Used for printers<\/td>\n<\/tr>\n | projection<\/td>\n | Used for projected presentations, like slides<\/td>\n<\/tr>\n | screen<\/td>\n | Used for computer screens<\/td>\n<\/tr>\n | tty<\/td>\n | Used for media using a fixed-pitch character grid, like teletypes<\/td>\n<\/tr>\n | tv<\/td>\n | Used for television-type devices<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n | The default value is all . Only screen, print and all values are widely supported in computer browsers.<\/p>\n Certain CSS properties are only designed for certain media (e.g., the ‘page-break-before’ property only applies to paged media). Sometimes style sheets for different media types may share a property, but require different values for that property. For example, the ‘font-size’ property is useful both for screen and print media. The two media types are different enough to require different values for the common property; a document will typically need a larger font on a computer screen than on paper. Therefore, it is necessary to express that a style sheet, or a section of a style sheet, applies to certain media types.<\/p>\n There are currently two ways to specify media dependencies for style sheets:<\/p>\n |