Exemplu
Două foi de stil diferite pentru două tipuri de suporturi diferite (screen and print) :
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
Încearcă - l singur » Definiție și utilizare
media atribut specifica ce mass - media / dispozitiv resursa țintă este optimizat pentru.
Acest atribut este folosit mai ales cu CSS stylesheet pentru a specifica stiluri diferite pentru diferite tipuri de media.
media atribut poate accepta mai multe valori.
Suport pentru browser-
Atribut | |||||
---|---|---|---|---|---|
media | da | da | da | da | da |
Diferențe între HTML 4.01 și HTML5
media Atributul suportă acum mai multe valori.
Sintaxă
<link media=" posibile Operators Valoare Descriere and Specifică un operator AND not Specifică un operator NU , Specifică un operator sau
Dispozitive
Valoare Descriere all Mod implicit. Potrivit pentru toate dispozitivele aural sintetizatoare de vorbire braille Dispozitive de feedback Braille handheld Dispozitive portabile (small screen, limited bandwidth) de (small screen, limited bandwidth) projection Proiectoare print Mod de imprimare previzualizare / pagini imprimate screen ecrane de calculator tty Și alte mijloace media similare-terminale care utilizează o grilă de caractere cu pas fix tv Dispozitivele de tip televiziune (low resolution, limited scroll ability) de (low resolution, limited scroll ability)
valori
Valoare Descriere width Specifică lățimea zonei de afișare vizate.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (min-width:500px)" height Specifică înălțimea zonei de afișare vizate.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (max-height:700px)" de media="screen and (max-height:700px)" device-width Specifică lățimea țintă de afișare / hârtie.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (device-width:500px)" device-height Specifică înălțimea țintă de afișare / hârtie.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (device-height:500px)" orientation Specifică orientarea țintă de afișare / hârtie.
Valori posibile: "portrait" sau "landscape"
Exemplu: media="all and (orientation: landscape)" aspect-ratio Specifică raportul lățime / înălțime a zonei vizate de afișare.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (aspect-ratio:16/9)" de media="screen and (aspect-ratio:16/9)" device-aspect-ratio Specifică raportul dispozitiv lățime / înălțime dispozitiv de afișare țintă / hârtie.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (aspect-ratio:16/9)" de media="screen and (aspect-ratio:16/9)" color Specifică biți per culoare de afișare țintă.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (color:3)" color-index Specifică numărul de culori display-țintă se pot ocupa.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (min-color-index:256)" monochrome Specifică biții per pixel într-un buffer de cadre monocrom.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (monochrome:2)" resolution Specifică densitatea pixelilor (dpi or dpcm) a afișajului țintă / hârtie.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="print and (resolution:300dpi)" scan Specifică metoda de scanare a unui ecran TV.
Valorile posibile sunt "progressive" și "interlace" .
Exemplu: media="tv and (scan:interlace)" grid Specifică dacă dispozitivul de ieșire este grila sau bitmap.
Valorile posibile sunt "1" pentru grilă, și "0" în caz contrar.
Exemplu: media="handheld and (grid:1)"