Webautoren haben verschiedene Möglichkeiten, den Geltungsbereich von CSS auf bestimmte Medien einzuschränken, sowohl bei der Einbindung eines Stylesheets als auch für bestimmte Regeln innerhalb des Stylesheets. Mit CSS3 Media Queries ist es möglich, die Einbindung von CSS nicht nur von einem bestimmten Medium abhängig zu machen, sondern auch davon, ob das Medium oder Ausgabegerät bestimmte Merkmale aufweist oder nicht.

1. CSS Media Queries Auf Geräte und Browser reagieren Michael Jendryschik

4. aural für Sprachbrowser

5. braille für Ausgabegeräte mit Braillezeile

6. embossed für Brailledrucker

7. handheld für Handcomputer und Mobiltelefone

8. print für Drucker

9. projection für Projektoren

10. screen für Computermonitore

11. tty für Ausgabemedien mit Festbreitenschrift

12. tv für Fernseher

27. CSS Media Queries: Grundlagen und Syntax

29. screen and (max-width: 300px ) Wert screen and ( max-width : 300px) Merkmal screen and ( max-width: 300px ) Ausdruck screen and (max-width: 300px) Verknüpfung screen and (max-width: 300px) Medientyp screen and (max-width: 300px) Media Query Beispiel Bezeichnung

34. CSS3 Media Queries Medienmerkmale

35. Höhe des Geräts Ja device-height Breite des Geräts Ja device-width Höhe der Anzeigefläche Ja height Breite der Anzeigefläche Ja width Beschreibung min/max Merkmal

38. Ausrichtung des Geräts Nein orientation Verhältnis der Merkmale device-width und device-height Ja device-aspect-ratio Verhältnis der Merkmale width und height Ja aspect-ratio Beschreibung min/max Merkmal

41. Anzahl der Bits pro Pixel im Bildspeicher eines einfarbigen Geräts Ja monochrome Anzahl der Einträge in der Farb-Lookup-Tabelle des Geräts Ja color-index Farbtiefe des Geräts Ja color Beschreibung min/max Merkmal

45. Browserkompatibilität