Angaben zum Medien-Typ

Nur zur Sicherheit: Wer sich für einen Medien-Typ hält, ist hier fehl am Platze!
Es geht um die Medien, mit denen ein HTML- oder XHTML-Seite wiedergegeben werden soll. Die möglichen Medien sind in der Tabelle angegen. Zugeordnete Angaben können für mehrere Medien zutreffen, allerdings können, etwa bei der Schriftgröße, medienspezifisch unterschiedliche Werte erforderlich sein.

Die Medienangabe kann auf drei verschieden Arten erfolgen.

@media - Aufruf innerhalb der CSS-Datei. Es folgt der Medinname bzw. eine mit Komma getrennte Liste der angesprochenen Medien.
Beispiel:
@media screen, print { body { font-size:10pt; } }
@import, Import der jeweils geeigneten css-Datei.
Beispielaufruf:
@import url("tralala.css") aural;
Aufruf innerhalb der Seitenbeschreibungssprache.
Beispiel:
<link rel="stylesheet" type="text/css" media="print, screen" href="schrift.css">

Da viele style-Angaben für mehrere der Medien von Belang sind, gibt es sog. Mediengruppen. Style-Angaben gelten immer innerhalb all' der Medien, die der gleichen Gruppe angehören. Die Gruppen betreffen die Darstellungsart (paged/continuous), den beim Nutzer angesprochenen Sinn (visual, aural, tactile), die Darstellungsart des Empfangsgerätes (grid, bitmap), die Beeinflußbarkeit des Darstellungsgerätes (interactive, static). Ein Sonderfall ist "all", eine Eigenschaft, die für alle Medien gilt.

Medien-Typen und deren Eigenschaften
Medien-Typ	Anwendung und Bedeutung	Mediengruppen
all	alle. Rechts die vier "Mediengruppen" mit den zugehörigen "Teilnehmern"	(1) continuos, paged (2) visual, audio, speech, tactile (3) grid, bitmap (4) interactive, static
aural	gesprochen. Soll nach CSS2.1 vermieden und später durch "speech" ersetzt werden.
braille	Blindenschrift für tastbare Anzeigen	continuous tactile> grid both
embossed	Blindenschrift für Braille-Drucker	paged tactile grid static
handheld	kleine Displays	both visual, audio, speech both both
print	was man so gedruckt nennt, auch Druckvorschau auf dem Bildschirm.	paged visual bitmap interactive
projection	Darstellung in Projektoren oder Ausdruck auf Folien	paged visual bitmap interactive
screen	der gute alte bunte Bildschirm	continuous visual, audio bitmap both
speech	ist in CSS2.1 reserviert, aber noch nicht ausdefiniert	continuos speech N/A both
tty	Medien mit fester Zeichenbreite, z.B. Fernschreiber, nicht pixelorientiert	continuous visual grid both
tv	TV-Anzeigen (niedere Auflösung, begrenzte Scrollfähigkeiten, Farbe und Sound vorhanden)	both visual, audio bitmap both

Zum Schluß noch ein Beispiel dafür, wie für mehrere Medien parallel formatiert werden kann:

@media print{
body { font-size: 10pt }
}
@media screen{
body { font-size: 14pt }
}
@media print, screen {
body { line-height : 1.2 em }
}