Lähde media ominaisuus

HTML DOM Source-objekti

Määrittely ja käyttö

media Aseta tai palauta <source> elementin media ominaisuuden arvon.

<source> media ominaisuus Määrittää median resurssien tyyppi (tiedosto on optimoitu minkä media-/laitteiden/ehdollisesti).

Selausohjelma voi käyttää media ominaisuutta määrittääkseen, voi se toistaa tiedoston. Jos ei voi, se voi valita olla lataamatta sitä.

HTML-kiertue:HTML <source> -tagi

Esimerkki

Palauttaa tiedoston, joka on optimoitu minkä media-/laitteiden/ehdollisesti:

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

Kokeile itse

Säännöllinen lauseke

Palauta media ominaisuus:

sourceObject.media

Aseta media ominaisuus:

sourceObject.media = value

Huomautus:Tämä ominaisuus voi hyväksyä useita arvoja.

Mahdolliset operaattorit

arvo kuvaus
and Määrittely AND operaattori.
not Määrittely NOT operaattori.
, Määrittely OR operaattori.

Laitteet

arvo kuvaus
all Kaikille laitteille sopiva. Oletus.
aural Äänisyntäin.
braille Näkövammaisten palautelaitteet.
handheld Käsin pidettävä laite (pieni näyttö, rajallinen kaistalevy).
projection Projektori
print Tulostusennuste-tila/tulostus sivu.
screen Tietokoneen näyttö.
tty Käyttää kiinteää etäisyydellä olevia merkkihimoja olevia telekuulokkeita ja vastaavia medioita.
tv TV-laitteet (matala résoluutio, rajallinen vieritysvalmius).

ominaisuusarvo

arvo kuvaus
width

Määritellään kohde näyttöalueen leveys.

Voit käyttää "min-" ja "max-" etuliitteitä.

Esimerkki: media="screen and (min-width:500px)"
height

Määritellään kohde näyttöalueen korkeus.

Voit käyttää "min-" ja "max-" etuliitteitä.

Esimerkki: media="screen and (max-height:700px)"
device-width

Määritellään kohde näyttölaite/paperin leveys.

Voit käyttää "min-" ja "max-" etuliitteitä.

Esimerkki: media="screen and (device-width:500px)"
device-height

Määritellään kohde näyttölaite/paperin korkeus.

Voit käyttää "min-" ja "max-" etuliitteitä.

Esimerkki: media="screen and (device-height:500px)"
orientation

Määritellään kohde näyttölaite/paperin suunta.

Mahdolliset arvot: "portrait" tai "landscape".

Esimerkki: media="all and (orientation: landscape)"
aspect-ratio

Määritellään kohde näyttöalueen leveys/korkeus suhde.

Voit käyttää "min-" ja "max-" etuliitteitä.

Esimerkki: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio

Määritellään kohde näyttölaite/paperin laiteleveys/laites korkeus suhde.

Voit käyttää "min-" ja "max-" etuliitteitä.

Esimerkki: media="screen and (aspect-ratio:16/9)"
color

Määritellään kohde näyttölaiteen jokaisen värin bittimäärä.

Voit käyttää "min-" ja "max-" etuliitteitä.

Esimerkki: media="screen and (color:3)"
color-index

Määritellään, kuinka monta väriä kohde näyttölaite voi käsitellä.

Voit käyttää "min-" ja "max-" etuliitteitä.

Esimerkki: media="screen and (min-color-index:256)"
monochrome

Määritellään yksivärinen ruudukkobufferin jokaisen pikselin bittimäärä.

Voit käyttää "min-" ja "max-" etuliitteitä.

Esimerkki: media="screen and (monochrome:2)"
resolution

Määritellään kohde näyttölaite/paperin kuvapiste tiheyys (dpi tai dpcm).

Voit käyttää "min-" ja "max-" etuliitteitä.

Esimerkki: media="print and (resolution:300dpi)"
scan

Määritellään television näyttölaiteen skannausmenetelmä.

Mahdolliset arvot ovat "progressive" ja "interlace".

Esimerkki: media="tv and (scan:interlace)"
grid

Määritellään, onko tuloväline ruudukko vai bittikuva.

Mahdolliset arvot ovat "1" tai muuten "0".

Esimerkki: media="handheld and (grid:1)"

Tekninen yksityiskohta

Palautusarvo: Merkintäarvo, joka ilmaisee median resurssin tyyppin.

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

Huomautus:Mutta mikään tärkeä selain ei tue HTML media-ominaisuutta.

Liittyvät sivut

HTML-kiertue:HTML <source> median ominaisuus

HTML DOM Source-objekti