CSS

Media

Kooba

CSS daje możliwość zdefiniowania osobnych styli, w zależnosci od tego na jakim urządzeniu strona będzie oglądana.

Wybór medium

Medium można wybrać przy pomocy polecenia @media

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

lub definiując je w tagu Link

<link rel="stylesheet" type="text/css" media="print, handheld" href="styl.css">


<h2>Typy mediów</h2>

* all - Dla wszystkich urządzeń.
* aural - Syntezatory mowy (słuchowe arkusze stylów).
* braille - Urządzenia do czytania braillem (dla niewidomych).
* embossed - Drukarki brailla.
* handheld - Urządzenia ręczne (zwykle mały ekran, czarno-białe, ograniczone pasmo).
* print - Materiały drukowane nieprzezroczyste i podgląd wydruku.
* projection - Prezentacje projektorowe lub nadruki na folii rzutnikowej.
* screen - Kolorowy ekran komputerowy.
* tty - Media używające siatki o stałej szerokości znaków jak dalekopisy, terminale lub przenośne urządzenia z ograniczonymi możliwościami wyświetlania.
* tv - Odbiorniki telewizyjne (niska rozdzielczość, kolor, ograniczone przewijanie, dostępny dźwięk).

<h2>Grupy mediów</h2>

Różne media "nakładają się" na siebie, dlatego można zamiast wymieniać ich typy, używać grup mediów:

* continuous - Media "ciągłe" - nie podzielone na strony (aural, braille, handheld, screen, tty, tv)
* paged - Podział na strony (embosssed, handheld, print, projection, tv)
* visual - Wizualne (handheld, print, projection, screen, tty, tv)
* aural - Słuchowe (aural, tv)
* tactile - Dotykowe (braille, embossed)
* grid - Urządzenia używające siatki o stałej szerokości znaku (braille, embossed, handheld, tty)
* bitmap - Mapa bitowa (handheld, print, projection, screen, tv)
* interactive - Interaktywne (aural, braille, embossed, handheld, screen, tty, tv)
* static - "Statyczne" - nieinteraktywne (aural, braille, embossed, handheld, print, projection)
* all - Wszystkie (all)
CSS

2 komentarzy

aural - Słuchowe (aural, tv)

to w końcu 'aural' to medium czy grupa mediów? :|