Przykład
Określ styl użyć do druku:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style> Spróbuj sam " Definicja i Wykorzystanie
media atrybut określa, co media / urządzenie styl CSS jest zoptymalizowany pod kątem.
Ten atrybut jest używany do określenia, że styl jest dla specjalnych urządzeń (takich jak iPhone), mowy lub nośnika.
Wskazówka: Ten atrybut może przyjmować kilka wartości.
Pomoc Browser
| Atrybut | |||||
|---|---|---|---|---|---|
| media | tak | tak | tak | tak | tak |
Różnice między HTML 4.01 i HTML5
ŻADEN.
Składnia
<style media="value">
możliwe Operators
| Wartość | Opis |
|---|---|
| and | Określa operatora AND |
| not | Określa operator nie |
| , | Określa operatora lub |
Pomysłowość
| Wartość | Opis |
|---|---|
| all | Zaniedbanie. Nadaje się do wszystkich urządzeń |
| aural | syntezatory mowy |
| braille | Braille urządzenia feedback |
| handheld | Urządzenia przenośne (mały ekran, ograniczona przepustowość) |
| projection | projektory |
| Print Preview Mode / wydrukowanych stron | |
| screen | ekrany komputerowe |
| tty | Dalekopisów i podobnych mediów używających siatki znaków stałym skoku |
| tv | urządzenia typu Telewizor (niska rozdzielczość, umiejętność ograniczona przewijania) |
wartości
| Wartość | Opis |
|---|---|
| szerokość | Określa szerokość obszaru docelowego wyświetlacza. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (min-width:500px)" |
| wysokość | Określa wysokość docelowego obszaru wyświetlania. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (max-height:700px)" |
| Urządzenie szerokości | Określa szerokość docelowej wyświetlacza / papieru. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (device-width:500px)" |
| Urządzenie wysokości | Określa wysokość docelowego wyświetlacza / papieru. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (device-height:500px)" |
| orientacja | Określa orientację docelowego wyświetlacza / papieru. Możliwe wartości: "portrait" lub "landscape" Przykład: media="all and (orientation: landscape)" |
| Aspekt-stosunek | Określa stosunek szerokość / wysokość docelowego obszaru wyświetlania. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (aspect-ratio:16/9)" |
| Urządzenie o współczynniku kształtu | Określa stosunek szerokości urządzenia / urządzeń, wysokość docelowego wyświetlacza / papieru. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (aspect-ratio:16/9)" |
| kolor | Określa bitów na kolor wyświetlacza docelowego. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (color:3)" |
| Kolor-index | Określa liczbę kolorów wyświetlacz cel może obsłużyć. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (min-color-index:256)" |
| monochromia | Określa bity na piksel w buforze ramki monochromatycznych. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (monochrome:2)" |
| rozkład | Określa gęstość pikseli (dpi) lub dpcm o docelowej wyświetlacza / papieru. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="print and (resolution:300dpi)" |
| skandować | Określa metodę skanowania na ekranie TV. Możliwe wartości to "postępowe" i "z przeplotem". Przykład: media="tv and (scan:interlace)" |
| krata | Określa, czy urządzenie wyjściowe jest siatka lub bitmapy. Możliwe są wartości "1" na ruszcie, a "0" w przeciwnym razie. Przykład: media="handheld and (grid:1)" |