Beispiel
Geben Sie den Stil für den Druck verwenden:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style> Versuch es selber " Definition und Verwendung
Das media - Attribut gibt an, welche Medien / Gerät der CSS - Stil für optimiert.
Dieses Attribut wird verwendet, um festzulegen, dass der Stil für spezielle Geräte (wie das iPhone), Sprache oder Printmedien.
Tipp: Dieses Attribut kann mehrere Werte annehmen.
Browser-Unterstützung
| Attribut | |||||
|---|---|---|---|---|---|
| media | ja | ja | ja | ja | ja |
Unterschiede zwischen HTML 4.01 und HTML5
KEINER.
Syntax
<style media="value">
Mögliche Operators
| Wert | Beschreibung |
|---|---|
| and | Gibt einen UND-Operator |
| not | Gibt einen NOT-Operator |
| , | Gibt einen OR-Operator |
Geräte
| Wert | Beschreibung |
|---|---|
| all | Standard. Geeignet für alle Geräte |
| aural | Sprachsynthesizer |
| braille | Braille-Feedback-Geräte |
| handheld | Handheld-Geräte (kleiner Bildschirm, begrenzte Bandbreite) |
| projection | Projektoren |
| Der Vorschaumodus / Druckseiten | |
| screen | Computer-Bildschirme |
| tty | Fernschreiber und ähnliche Medien einen festen Zeichenraster mit |
| tv | TV-Typ-Geräte (niedrige Auflösung, begrenzte Scroll-Fähigkeit) |
Werte
| Wert | Beschreibung |
|---|---|
| Breite | Gibt die Breite des Zielanzeigebereich. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (min-width:500px)" |
| Höhe | Gibt die Höhe des Zielanzeigebereich. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (max-height:700px)" |
| Gerätebreite | Gibt die Breite des Zielanzeige / Papier. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (device-width:500px)" |
| Gerätehöhe | Gibt die Höhe des Zielanzeige / Papier. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (device-height:500px)" |
| Orientierung | Gibt die Ausrichtung des Zielanzeige / Papier. Mögliche Werte: "portrait" oder "landscape" Beispiel: media="all and (orientation: landscape)" |
| Seitenverhältnis | Gibt die Breite / Höhe-Verhältnis der Zielanzeigebereich. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (aspect-ratio:16/9)" |
| Gerät Aspektverhältnis | Gibt die Gerätebreite / device-Höhe-Verhältnis der Zielanzeige / Papier. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (aspect-ratio:16/9)" |
| Farbe | Gibt die Bits pro Farbe des Zielanzeige. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (color:3)" |
| Farbindex | Gibt die Anzahl der Farben kann die Zielanzeige behandeln. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (min-color-index:256)" |
| einfarbig | Gibt die Bits pro Pixel in einem Monochrom-Frame-Puffer. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (monochrome:2)" |
| Lösung | Gibt die Pixeldichte (dpi oder dpcm) der Zielanzeige / Papier. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="print and (resolution:300dpi)" |
| Scan | Gibt Scan-Methode von einer TV-Anzeige. Mögliche Werte sind "progressiv" und "Interlace". Beispiel: media="tv and (scan:interlace)" |
| Gitter | Gibt an, ob das Ausgabegerät Raster oder Bitmap ist. Mögliche Werte sind "1" für die Netz, und "0" sonst. Beispiel: media="handheld and (grid:1)" |