En son web geliştirme öğreticiler
 

Source media Property

<Kaynak Nesne

Örnek

Belirli bir dosya için optimize ne medya / cihaz Dönüş:

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

X'in sonucu olacaktır:

screen and (min-width:320px)
Kendin dene "

Tanımı ve Kullanımı

Medya özelliği, ayarlar veya değerini verir media bir öznitelik <source> elemanı.

media nitelik medya kaynağının türünü (Ne medya / cihaz dosyası için optimize edilmiştir) belirtir.

Tarayıcı kullanabilirsiniz media dosyayı oynatmak veya olup olmadığını belirlemek için özellik. o, o seçebilir yapamıyorsanız indirmek için değil.

Not: <source> eleman HTML5 getirdiği bir yeniliktir.


Tarayıcı Desteği

Internet ExplorerFirefoxOperaGoogle ChromeSafari

medya özelliği tüm büyük tarayıcılarda desteklenir.

Not: media Ancak bağlıyor, önemli tarayıcılarda herhangi desteklenmemektedir.


Sözdizimi

Medya özelliğini Dönüş:

sourceObject .media

Medya özelliğini ayarlayın:

sourceObject .media= Not: Bu özellik çeşitli değerleri kabul edebilir.

Olası Operatörler

değer Açıklama
and VE operatörünü belirtir
not bir operatörleri belirtir
, OR operatörünü belirtir

Cihazlar

değer Açıklama
all tüm cihazlar için uygundur. Bu varsayılan
aural sentezleyici
braille Braille geri besleme elemanları
handheld El cihazları (small screen, limited bandwidth)
projection Projektörler
print Baskı önizleme modu / yazdırılan sayfalar
screen Bilgisayar ekranları
tty sabit harfleri dizebilen Teletypes ve benzeri ortam
tv Televizyon tipi cihazlar (low resolution, limited scroll ability)

Değerler

değer Açıklama
width Hedeflenen görüntüleme alanının genişliğini belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: Ortam = "ekran ve (min-width:500px) "
height Hedeflenen görüntüleme alanının yüksekliğini belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: Ortam = "ekran ve (max-height:700px) "
device-width Hedef görüntü / kağıt genişliğini belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: Ortam = "ekran ve (device-width:500px) "
device-height Hedef ekran / kağıdın yüksekliğini belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: Ortam = "ekran ve (device-height:500px) "
orientation Hedef ekran / kağıdın yönünü belirtir.
Olası değerler: "portrait" veya "landscape"
Örnek: Ortam = "her (orientation: landscape) "
aspect-ratio hedeflenen görüntüleme alanının genişlik / yükseklik oranını belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: Ortam = "ekran ve (aspect-ratio:16/9) "
device-aspect-ratio Hedef görüntü / kağıt aygıt genişliği / aygıt yükseklik oranını belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: Ortam = "ekran ve (aspect-ratio:16/9) "
color Hedef ekranın renk başına bit belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: Ortam = "ekran ve (color:3) "
color-index Hedef ekran işleyebilir renk sayısını belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: Ortam = "ekran ve (min-color-index:256) "
monochrome Tek renkli bir çerçeve tampon piksel başına bit belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: Ortam = "ekran ve (monochrome:2) "
resolution Piksel yoğunluğunu belirler (dpi or dpcm) hedef görüntüleme / kağıt.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: Medya = "baskı ve (resolution:300dpi) "
scan tv ekranın tarama yöntemini belirtir.
Olası değerler "progressive" ve "interlace" .
Örnek: Ortam = "TV ve (scan:interlace) "
grid Çıkış cihazı ızgara veya bitmap olup olmadığını belirtir.
Olası değerler "1" ızgara ve "0" , aksi.
Örnek: Ortam = "el ve (grid:1) "

Teknik detaylar

Geri dönüş değeri: Ortam kaynağın girintili türünü temsil eden bir String,

İlgili Sayfalar

HTML referansı: HTML <source> medya özelliğinin


<Kaynak Nesne