@media

Podsumowanie

@media okre艣la typ docelowych medi贸w (oddzielonych przecinkami) dla zestawu regu艂 (ograniczonych klamrami).

Sk艂adnia

@media <typy medi贸w> {
  /* regu艂y specyficzne dla medium */
}

Typy medi贸w

all
Pasuj膮ce dla wszystkich urz膮dze艅.
braille
Przeznaczone dla dotykowych urz膮dze艅 brailla.
embossed
Przeznaczone dla drukarek brailla.
handheld
Przeznaczone dla urz膮dze艅 kieszonkowych (przewa偶nie z ma艂ym ekranem, ograniczon膮 przepustowo艣ci膮).
print
Przeznaczone dla materia艂贸w stronnicowanych lub dokument贸w pokazywanych na ekranie w trybie podgl膮du wydruku. Sprawd藕 rozdzia艂 o mediach stronnicowanych, aby dowiedzie膰 si臋 o zagadnieniach formatowania, kt贸re s膮 specyficzne dla medi贸w stronnicowanych.
projection
Przeznaczone dla rzutowanych prezentacji, np. projektor贸w. Sprawd藕 rozdzia艂 o mediach stronnicowanych, aby dowiedzie膰 si臋 o zagadnieniach formatowania, kt贸re s膮 specyficzne dla medi贸w stronnicowanych.
screen
Przeznaczone przede wszystkim dla kolorowych ekran贸w komputerowych.
speech
Przeznaczone dla syntezator贸w mowy. Uwaga: CSS2 mia艂 do tego celu podobny typ medi贸w nazywany 'aural' . Zobacz w dodatku szczeg贸艂y o arkuszach styl贸w 'aural'.
tty
Przeznaczone dla medi贸w u偶ywaj膮cych dla znak贸w siatki o sta艂ej podzia艂ce (jak np. dalekopis, terminal lub urz膮dzenia przeno艣ne o ograniczonych mo偶liwo艣ciach wy艣wietlania). Autorzy nie powinni u偶ywa膰 dla medium "tty" jednostek w pikselach.
tv
Przeznaczone dla urz膮dze艅 telewizyjnych (niska rozdzielczo艣膰, kolor, ograniczone przewijanie ekran贸w, d藕wi臋k dost臋pny).


Grupy medi贸w

Typy medi贸w s膮 r贸wnie偶 cz臋艣ci膮 r贸偶nych grup medi贸w. Poni偶sza tabel pokazuje, kt贸re typy s膮 w kt贸rych grupach.

Grupy
Typ continuous paged visual audio speech tactile grid bitmap interactive static
braille X X X X X
embossed X X X X
handheld X X X X X X X X X
print X X X X
projection X X X X
screen X X X X X X
speech X X X X
tty X X X X X
tv X X X X X X X

Przyk艂ady

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

Uwagi

Wielomodalny typ medium jest wci膮偶 jednym typem medium. Np. typ medium 'tv' jest wielomodalnym typem, kt贸ry prezentuje jednocze艣nie wizualnie i s艂uchowo dla jednego obrazu.

Specyfikacje

Zgodno艣膰 z przegl膮dark膮

Zobacz tak偶e

@import, @font-face (en-US)