HTML-Stil Medieneigenschaften
Beispiele
Für zwei verschiedene Arten von Medien (Print und Screen) von zwei unterschiedlichen Stylesheets:
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
Versuchen »
Browser-Unterstützung
Alle gängigen Browser unterstützen Medieneigenschaften.
Definition und Verwendung
Medien-Attribut gibt die aktuellen Ressourcen für jedes Medium / optimiert.
Diese Eigenschaft wird in vorbestimmten verschiedene Stile für verschiedene Medientypen CSS-Stylesheet meist verwendet.
Tipp: Dieses Attribut kann mehrere Werte annehmen.
Die Unterschiede zwischen den HTML 4.01 und HTML5
Keine.
Grammatik
Mögliche Betreiber
| Wert | Beschreibung |
|---|---|
| und | Rückstellungen und Betreiber. |
| nicht | Bereitstellung NOT-Operator. |
| . | Bereitstellung OR-Operator. |
Ausrüstung
| Wert | Beschreibung |
|---|---|
| alle | Default. Anpassung an alle Geräte. |
| aural | Der Sprachsynthesizer. |
| Blindenschrift | Blinde mit Braille-Feedback-Geräte. |
| Hand | Handheld-Geräte (kleiner Bildschirm, begrenzte Bandbreite). |
| Projektion | Projektoren. |
| Der Vorschaumodus / gedruckten Seite. | |
| Bildschirm | Computer-Bildschirm (Standardwert). |
| tty | Fernschreiber und ähnliche Medien einen nicht-proportionalen Zeichenraster verwenden. |
| Fernseher | TV-Typ-Geräte (niedrige Auflösung, begrenzte Siebwalze Fähigkeit). |
Wert
| Wert | Beschreibung |
|---|---|
| Breite | Vorgegebene Zielanzeigebreite des Bereichs. Sie können "minera" und "Max-" Präfixe verwenden. Beispiele: media = "screen und (min-width: 500px)" |
| Höhe | Vorgegebene Zielhöhe des Anzeigebereichs. Sie können "minera" und "Max-" Präfixe verwenden. Beispiele: media = "screen und (max-height: 700px)" |
| Gerätebreite | Die Bestimmungen des Zielanzeige / Papierbreite. Sie können "minera" und "Max-" Präfixe verwenden. Beispiele: media = "screen und (device-width: 500px)" |
| Gerätehöhe | Die Bestimmungen des Zielanzeige / Papierhöhe. Sie können "minera" und "Max-" Präfixe verwenden. Beispiele: media = "screen und (device-height: 500px)" |
| Orientierung | Die Bestimmungen des Zielanzeige / Papierrichtung. Mögliche Werte: "Portrait" oder "Landschaft" Beispiele: media = "alle und (Orientierung: Landschaft)" |
| Aspekt-Verhältnis | Vorgegebene Zielanzeige Breite / Höhe Verhältnis der Fläche Sie können "minera" und "Max-" Präfixe verwenden. Beispiele: media = "screen und (Seitenverhältnis: 16/9)" |
| Gerät Aspektverhältnis | Die Bestimmungen des Zielanzeige / Papier geräte Breite / device-Höhe-Verhältnis Sie können "minera" und "Max-" Präfixe verwenden. Beispiele: media = "screen und (Seitenverhältnis: 16/9)" |
| Farbe | Bits angegebenen Zielanzeige / Farbe Sie können "minera" und "Max-" Präfixe verwenden. Beispiele: media = "screen und (Farbe: 3)" |
| Farbindex | Eine vorbestimmte Anzahl von Farbzielanzeige verarbeiten kann. Sie können "minera" und "Max-" Präfixe verwenden. Beispiele: media = "screen und (min-Farbe-Index: 256)" |
| einfarbig | Rückstellungen monochrome Framebuffer in Bit / Pixel. Sie können "minera" und "Max-" Präfixe verwenden. Beispiele: media = "screen und (monochrom: 2)" |
| Auflösung | Die Bestimmungen der Pixeldichte des Zielanzeige / Papier (dpi oder dpcm). Sie können "minera" und "Max-" Präfixe verwenden. Beispiele: media = "print und (Auflösung: 300 dpi)" |
| Scan | Vorgegebene Scanning-TV-Display. Mögliche Werte: "progressiv" und "Interlace". Beispiele: media = "tv und (Scan: Interlace)" |
| Gitter | Vorbestimmten Ausgabevorrichtung ein Gitter oder Bitmap. Mögliche Werte: "1" für das Netz, sonst "0" Beispiele: media = "Handheld und (Raster: 1)" |
HTML <style> -Tag