Das habe ich aus Selfhtml:
<html>
<head>
<title>Titel der Datei</title>
<style type="text/css">
<!--
@media print
{
/* ... Formatdefinitionen zum Drucken ... */
}
@media screen, handheld
{
/* ... Formatdefinitionen zur Bildschirmausgabe ... */
}
-->
</style>
</head>
<body>
</body>
</html>
Erläuterung:
Mit @media definieren Sie innerhalb eines style-Bereichs einen Bereich für Formatdefinitionen für ein bestimmtes Ausgabemedium. Für jede Mediensorte, die Sie unterscheiden wollen, können Sie einen solchen Befehl notieren. Hinter dem Befehl @media folgt, durch Leerraum getrennt, das das gewünschte Ausgabemedium. Sie können auch mehrere Ausgabemedien durch Kommata getrennt in Folge notieren. Erlaubte Angaben sind die gleichen wie im HTML-Attribut media= (siehe Medientypen).
Im Anschluss an die @media-Angabe müssen Sie geschweifte Klammern { und } notieren. Alle Formatdefinitionen, die Sie innerhalb dieser geschweiften Klammern notieren, sind dann nur für das oder die angegebenen Medien gültig.
Geht für CSS 2.0, Netscape 6.0m, IE 5.0 +
Andreas