HTML <source> media nau'war

HTML <source> ƙɗauka

ka yarje da amfani

media tarihin wannan nau'war ya amince da manyan nau'war da ke cikin su

ka yarjetarihin wannan nau'war ya amince da manyan nau'war da ke cikin su

wurin samar

wannan kudu wani <picture> wanda da abubuwa biyu da rarraba imaji

<picture>
  <source media="(min-width:650px)" srcset="flower-1.jpg">
  <source media="(min-width:465px)" srcset="flower-2.jpg">
  <img src="flower-3.jpg" alt="Flowers" style="width:auto;">
</picture>

sai a cikin farashin

kalima

<source media="media_query>

dauka ajiya

ajiya bayyana
and sabunta: AND ajiya.
not sabunta: NOT ajiya.
, sabunta: OR ajiya.

matakin

dauka bayyana
all default. Yana buɗe ga duk dukiya.
aural tashi a cikin kofar.
braille kofar alama ta tsakiyar alama.
handheld matakin kaiwa (tashi mai yawa, dauka ɗauka a cikin kaiwa).
projection tashi a cikin kofar.
print tashi a cikin bayanin farashin tashi/kafin tashi.
screen tashi a cikin komputa.
tty dabbobi a cikin tashi, ko ɗan kama da dabbobi a cikin tashi, da kuma dukiyar rijiya ta ɗauka a cikin kofar ɗauka.
tv matakin rijiya: dukiyar kaiyaki, ɗauka ɗauka a cikin rijiya.

dauka

dauka bayyana
width

sabunta: bu daidai zaɗi na tashi/kafin.

يمكن استخدام بدائل "min-" و "max-".

ma'anin: media="screen and (min-width:500px)"
height

sabunta: bu daidai zaɗi na tashi/kafin.

يمكن استخدام بدائل "min-" و "max-".

ma'anin: media="screen and (max-height:700px)"
device-width

sabunta: bu daidai zaɗi na tashi/kafin.

يمكن استخدام بدائل "min-" و "max-".

ma'anin: media="screen and (device-width:500px)"
device-height

sabunta: bu daidai zaɗi na tashi/kafin.

يمكن استخدام بدائل "min-" و "max-".

ma'anin: media="screen and (device-height:500px)"
orientation

sabunta: bu daidai zaɗi na tashi/kafin.

dauka: "portrait" ko "landscape"

ma'anin: media="all and (orientation: landscape)"
aspect-ratio

sabunta: bu daidai zaɗi na width/height a kan tashi/kafin.

يمكن استخدام بدائل "min-" و "max-".

ma'anin: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio

sabunta: bu daidai zaɗi na device-width/device-height a kan tashi/kafin.

يمكن استخدام بدائل "min-" و "max-".

ma'anin: media="screen and (aspect-ratio:16/9)"
color

sabunta: bu daidai zaɗi na alama a kan alama a kan tashi.

يمكن استخدام بدائل "min-" و "max-".

ma'anin: media="screen and (color:3)"
color-index

sabunta: bu daidai zaɗi na alama ake ɗauke shi girmama ɗaya na alama a kan tashi.

يمكن استخدام بدائل "min-" و "max-".

ma'anin: media="screen and (min-color-index:256)"
الفارغ

يحدد عدد بتات كل بكسل في الحافز الفارغ.

يمكن استخدام بدائل "min-" و "max-".

مثال: media="screen and (monochrome:2)"
كثافة

يحدد كثافة البكسل للشاشة المستهدفة/ورق الورق (dpi أو dpcm).

يمكن استخدام بدائل "min-" و "max-".

مثال: media="print and (resolution:300dpi)"
مسح

يحدد طريقة مسح جهاز العرض التلفزيوني.

القيم المحتملة هي: "progressive" و "interlace".

مثال: media="tv and (scan:interlace)"
شبكة

يحدد جهاز الإخراج هو شبكة أم بيانات bitmap.

القيم المحتملة: "1" تعني الشبكة، "0" هي الأخرى.

مثال: media="handheld and (grid:1)"

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
38.0 9.0 15.0 9.1 25.0

HTML <source> ƙɗauka