Media Types

Unul dintre cele mai mari avantaje ale CSS-ului este ca poti specifica pe ce tip de media va fi prezentat continutul: ecran, hartie, tableta, telefon, s.a.m.d.

Pentru a stabili tipurile de media avem doua optiuni:

  • putem specifica tipul de media direct din fisierul de stil folosind @media
  • Putem stabili asta in headerul documentului HTML

Regula @media

Regula @media specifica tipul de media dorit (daca sunt mai multe se separa prin virgula).

@media print {
    body { font-size: 100%; }
  }
  @media screen {
    body { font-size: 1.2em; }
  }
  @media screen, print {
    body { line-height: 24px; }
  }

In documentul HTML

In HTML 4.0 atributul media specificat in elementul LINK trebuie sa precizeze tipul de media.

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

Tipuri de media

Numele tipurilor de media sunt destul de explicative pentru dispozitivele dorite.

Mai jos am scris o lista cu tipurile de media:

Valoare Descriere
 all  Potrivit pentru toate dispozitivele
 aural  Creeat pentru sintetizatoare de vorbire
 braille  Creeat pentru dispozitivele tactile
 embossed  Creeat pentru dispozitive ce printeaa folosind limbajul braille
 handheld  Potrivit pentru telefoane, smartphone-uri, si alte dispozitive cu ecran mai mic (in CSS3 au fost introduse o serie de media types creeate special pentru smartphone-uri si tablete, acestea se vor gasii intr-un articol separat)
 print  Potrivit pentru print.
 projection Potrivit pentru proiectar.
 screen  Potrivit pentru computere

 


Folosim cookie-uri pentru a oferi functionalitatile critice ale aplicatiei Invata-Programare. Folosim cookie-uri si pentru a analiza traficul, pentru care e nevoie de consimtamantul dvs. explicit.