HTML and CSS Reference
In-Depth Information
Style Sheets for Other Media Types
As we mentioned at the beginning of this chapter, the support for other media types is very
spotty indeed, and what you can do with it is severely limited. Because this topic is all about
providing practical advice that works in the real world, we won't explore all the various CSS
property values that you can use with audio style sheets (it's highly unlikely that such a discus-
sion would be of use to most readers), but we'll look at a few media types.
The Projection Media Type
Another media type that does have a modicum of support is projection. As far back as version 4,
Opera has supported this type, but what does it do? Projection is intended for use with presentation
versions of a web page; all browser toolbars and the like are removed, and the information is
presented in full screen. A good example is S5 (
http://meyerweb.com/eric/tools/s5/
), a web
page-based presentation format that CSS guru Eric Meyer devised and which is used by many
web standards advocates throughout the world. In Opera you trigger the Projection mode by choosing
View
Full Screen. The example HTML that follows shows how you might create content that
appears only when viewed in this full-screen mode:
➤
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Projection test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.projection-only {
display:none;
}
@media projection {
.projection-only {
display:block;
}
}
</style>
</head>
<body>
<h1>Can you see anything below?</h1>
<p class="projection-only">Well howdi y'all!</p>
</body>
</html>
If you have a copy of Opera, try it out—it works! But you will probably find it an interesting
idea for all of a few seconds. Firefox and IE will not render the projection content when viewed
in full-screen mode, so you have to ask yourself: What benefit can you get from using this?
