Ultimele tutoriale de dezvoltare web
 

Source media Property

<Source Object

Exemplu

Întoarcere ce mass-media / dispozitiv de un anumit fișier este optimizat pentru:

var x = document.getElementById("mySource").media;

Rezultatul x va fi:

screen and (min-width:320px)
Încearcă - l singur »

Definiție și utilizare

Seturile de proprietate media sau returnează valoarea media atributului într - o <source> Element.

media atribut specifica tipul de resurse media (ceea ce mass - media / dispozitiv fișierul este optimizat pentru).

Browserul poate utiliza media atribut pentru a stabili dacă acesta poate reda fișierul sau nu. În cazul în care nu se poate, se poate alege să nu-l descărcați.

Notă: <source> element este nou în HTML5.


Suport pentru browser-

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Proprietatea media este acceptată în toate browserele majore.

Notă: media - media atribut Cu toate acestea, nu este acceptat în oricare dintre principalele browsere.


Sintaxă

Întoarcere proprietatea mass-media:

sourceObject .media

Setați proprietatea mass-media:

sourceObject .media= Notă: Această proprietate poate accepta mai multe valori.

Operatorii posibile

Valoare Descriere
and Specifică un operator AND
not Specifică un operator NU
, Specifică un operator sau

Dispozitive

Valoare Descriere
all Potrivit pentru toate dispozitivele. Acest lucru este implicit
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 = "ecran și (min-width:500px) "
height Specifică înălțimea zonei de afișare vizate.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media = "ecran și (max-height:700px) de (max-height:700px) "
device-width Specifică lățimea țintă de afișare / hârtie.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media = "ecran și (device-width:500px) "
device-height Specifică înălțimea țintă de afișare / hârtie.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media = "ecran și (device-height:500px) "
orientation Specifică orientarea țintă de afișare / hârtie.
Valori posibile: "portrait" sau "landscape"
Exemplu: media = "toate și (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 = "ecran și (aspect-ratio:16/9) de (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 = "ecran și (aspect-ratio:16/9) de (aspect-ratio:16/9) "
color Specifică biți per culoare de afișare țintă.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media = "ecran și (color:3) "
color-index Specifică numărul de culori display-țintă se pot ocupa.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media = "ecran și (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 = "ecran și (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 si (resolution:300dpi) "
scan Specifică metoda de scanare a unui ecran TV.
Valorile posibile sunt "progressive" și "interlace" .
Exemplu: "tv și media = (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 = "portabile și (grid:1) "

Detalii tehnice

Întoarcere Valoare: Un șir, reprezentând tipul indentat resursei media

Pagini similare

Referință HTML: HTML <source> atribut mass - media


<Source Object