Source media 属性

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

media ການກະກຽມຫຼືກັບຄືນປະສັກ media ຂອງປະສັກ <source>.

<source> media 属性 ກົດລະບຽບປະສັກຂອງການບັນທຶກສະຫຼາດ (ບັນດາຫຼັກຂໍ້ມູນຈະອາກາດ/ຈໍາຕະສາດທີ່ຫຼາຍທຸກການອາກາດ/ຈໍາຕະສາດ).

ບັນດາບານບາດຈະສາມາດນຳໃຊ້ປະສັກ media ເພື່ອກວດສອບວ່າມັນສາມາດບັນທຶກບັນດາຫຼັກຂໍ້ມູນຫຼາຍທຸກການອາກາດ/ຈໍາຕະສາດ. ຖ້າບໍ່ສາມາດ, ມັນສາມາດເລືອກບໍ່ດຳເນີນການດາວໂຫຼດ.

ປະກາດ HTMLຕົວແທນ HTML <source>

ວິນຍານ

ການກັບຄືນປະສັກຫຼາຍທຸກການອາກາດ/ຈໍາຕະສາດທີ່ຫຼາຍທຸກການອາກາດ/ຈໍາຕະສາດ.

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

ທົດລອງຄວາມສາມາດຕົວຕົນ.

ສັນຍານ

ການກັບຄືນປະສັກ media:

sourceObject.media

ການກະກຽມປະສັກ media:

sourceObject.media = value

ບັນທາງເຫດ:ປະສົງຂອງປະສັກຂອງປະສັກຈະຍອມຮັບຫຼາຍຄຳຂອງປະສັກ.

ສັນຍານທີ່ເປັນໄປໄດ້.

ຄວາມສາມາດ ການອະທິບາຍ
and ກົດລະບຽບ AND ສັນຍານສັນຍານ.
not ກົດລະບຽບ NOT ສັນຍານສັນຍານ.
, ກົດລະບຽບ OR ສັນຍານສັນຍານ.

ຈໍາຕະສາດ

ຄວາມສາມາດ ການອະທິບາຍ
all ອາດມີຂອງທຸກເຄື່ອງຈໍາຕະສາດ. ຄົບມາດຕະການຄົງທີ່.
aural ການສ້າງວິນລະບາຍ.
braille ອຸປະກອນການຕອບສະແດງວິນລະບາຍ.
handheld ເຄື່ອງຫົວຫຼືການຫົວ (ສະໜາມຈໍາຕະສາດນ້ອຍ, ຄວາມສາມາດຕໍ່າຂອງການອອກອາກາດ).
projection ເຄື່ອງສະແດງຕົວອອກສະແດງຄຳສັບສັນ
print ການພິດພາກການຂຽນ/ການຂຽນສະຖານນະພາບ.
screen ໜ້າຈໍາຕະສາດຄອມພິວເຕີ້.
tty ເຄື່ອງບັນຄັບຕາມການຈັດສັນຍິນວຽນສະເພາະການສະແດງຕົວອອກສະແດງຄຳສັບສັນການສະແດງອອກສະແດງຕົວອອກສະແດງຄຳສັບສັນການສະແດງອອກສະແດງຄຳສັບສັນການສະແດງອອກສະແດງຄຳສັບສັນ
tv ໂຕະການອອກອາກາດທາງໂທລະພາບ (ຄວາມແຈ້ງຕໍ່າ, ຄວາມສາມາດຫຼຸດຫຼາຍຂອງການຫຼຸດຫຼາຍ).

ປະເພດຄວາມສາມາດ

ຄວາມສາມາດ ການອະທິບາຍ
width

ກໍານົດຄວາມສາມາດທີ່ຕ້ອງການຂອງລະດັບຫຼັກທີ່ຕ້ອງການຂອງແທນສະແດງ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-"。

ຕົວຢ່າງ: media="screen and (min-width:500px)"

height

ກໍານົດຄວາມສາມາດທີ່ຕ້ອງການຂອງລະດັບຫຼັກທີ່ຕ້ອງການຂອງແທນສະແດງ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-"。

ຕົວຢ່າງ: media="screen and (max-height:700px)"

device-width

ກໍານົດຄວາມສາມາດທີ່ຕ້ອງການຂອງແທນສະແດງ/ເຈັບກໍາ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-"。

ຕົວຢ່າງ: media="screen and (device-width:500px)"

device-height

ກໍານົດຄວາມສາມາດຂອງລະດັບຫຼັກທີ່ຕ້ອງການຂອງແທນສະແດງ/ເຈັບກໍາ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-"。

ຕົວຢ່າງ: media="screen and (device-height:500px)"

orientation

ກໍານົດຄວາມສາມາດທີ່ຕ້ອງການຂອງແທນສະແດງ/ເຈັບກໍາ.

ຄວາມສາມາດ: "portrait" ຫຼື "landscape"。

ຕົວຢ່າງ: media="all and (orientation: landscape)"

aspect-ratio

ກໍານົດຄວາມສາມາດຂອງລະດັບມາດຕະວາຍລະດັບຫຼັກ/ລະດັບຫຼັກຂອງແທນສະແດງ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-"。

ຕົວຢ່າງ: media="screen and (aspect-ratio:16/9)"

device-aspect-ratio

ກໍານົດຄວາມສາມາດຂອງລະດັບມາດຕະວາຍລະດັບຫຼັກ/ລະດັບຫຼັກຂອງແທນສະແດງ/ເຈັບກໍາ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-"。

ຕົວຢ່າງ: media="screen and (aspect-ratio:16/9)"

color

ກໍານົດຈຳນວນວິທີສີຂອງແທນສະແດງ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-"。

ຕົວຢ່າງ: media="screen and (color:3)"

color-index

ກໍານົດຈຳນວນສີທີ່ສາມາດຮັບຂອງແທນສະແດງ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-"。

ຕົວຢ່າງ: media="screen and (min-color-index:256)"

monochrome

ກໍານົດຈຳນວນວິທີຂອງພາບພິກັນທີ່ຕ້ອງການຂອງແທນສະແດງ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-"。

ຕົວຢ່າງ: media="screen and (monochrome:2)"

resolution

ກໍານົດຄວາມມູນຄ່າພາບພິກັນທີ່ຕ້ອງການຂອງແທນສະແດງ/ເຈັບກໍາ (dpi ຫຼື dpcm)。

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-"。

ຕົວຢ່າງ: media="print and (resolution:300dpi)"

scan

ກໍານົດວິທີການສັດສະພາບຂອງແທນສະແດງໂທລະພາບ。

ຄວາມສາມາດອາດຈະ "progressive" ແລະ "interlace"。

ຕົວຢ່າງ: media="tv and (scan:interlace)"

grid

ກໍານົດອຸປະກອນອອກອາກາດແມ່ນສາຍລັດຫຼືພາບບັນທຶກ。

ຄວາມສາມາດຂອງແກ່ບັນຊີ "1" ບໍ່ອາດຈະ "0"。

ຕົວຢ່າງ: media="handheld and (grid:1)"

ລາຍລະອຽດດ້ານເຕັກນິກ

ຄວາມຮັບຜິດຊອບ: ຄວາມຂອງຕົວເລກສະແດງຮູບແບບຂອງຂັ້ນມູນສາຍວັດຖຸ.

ການສະໜັບສະໜູນບັນດາບັນດາສາຍບານ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ

ບັນທາງເຫດ:ເຖິງຢ່າງໃດກໍ່ຕາມ ບັນດາບັນດາສາຍບານຫຼັກບໍ່ມີການສະໜັບສະໜູນ HTML media attribute.

ບັນດາຫຼັກສູດ

ປະກາດ HTMLປະສົມມູນຂໍ້ມູນ HTML <source> media