Properti media HTML <link>

Tanda <link> HTML

Definisi dan penggunaan

media Properti ini mensyifatkan sumber yang dituju untuk disesuaikan untuk media/apparel.

media Properti ini mensyifatkan mana alat yang akan dipaparkan dokumen yang dihubungkan.

Properti ini utamanya digunakan bersama-sama dengan lebel gaya CSS, untuk mensyifatkan gaya yang berbeza untuk jenis media yang berbeza.

media Properti ini boleh menerima beberapa nilai.

Contoh

Dua jenis gaya yang berbeza untuk jenis media yang berbeza (layar dan cetak):

<head>
  <link rel="stylesheet" type="text/css" href="theme.css">
  <link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>

Coba sendiri

Sintaks

<link media="nilai>

Operator yang mungkin

Operator Deskripsi
and Tentukan operator AND.
not Tentukan operator NOT.
, Tentukan operator OR.

Perangkat

Perangkat Deskripsi
all Baku. Untuk semua jenis perangkat media.
print Untuk mode pratinjau cetak/pagina cetak.
screen Untuk layar komputer, tablet, ponsel cerdas, dll.
speech Perangkat baca layar untuk membaca halaman.
aural Ditinggalkan.Perangkat penggabung suara.
braille Ditinggalkan.Perangkat umpan balik braille.
handheld Ditinggalkan.Perangkat tangki (layar kecil, bandwith terbatas).
projection Ditinggalkan.Proyektor.
tty Ditinggalkan.Penggunaan grid karakter jarak tetap teletypewriter dan media yang serupa.
tv Ditinggalkan.Perangkat jenis TV (resolusi rendah, kemampuan geser terbatas).

Nilai

Nilai Deskripsi
aspect-ratio

Tentukan rasio lebar/tinggi area tampilan sasaran.

可使用 "min-" 和 "max-" 前缀。

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

Tentukan jumlah bit setiap warna monitor sasaran.

可使用 "min-" 和 "max-" 前缀。

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

Tentukan jumlah warna yang dapat ditangani monitor sasaran.

可使用 "min-" 和 "max-" 前缀。

Contoh: media="screen and (min-color-index:256)"
device-aspect-ratio Ditinggalkan.Tentukan rasio device-width/device-height monitor/papir sasaran.
device-width Ditinggalkan.Tentukan lebar monitor/papir sasaran.
device-height Ditinggalkan.Tentukan ketinggian monitor/papir sasaran.
grid

Tentukan perangkat keluar adalah grid atau bitmap.

Nilai yang mungkin: "1" untuk grid, "0" untuk lainnya.

Contoh: media="handheld and (grid:1)"
height

Tentukan ketinggian area tampilan sasaran.

可使用 "min-" 和 "max-" 前缀。

Contoh: media="screen and (max-height:700px)"
monochrome

Tentukan setiap bit pixel dalam frame berwarna tunggal.

可使用 "min-" 和 "max-" 前缀。

Contoh: media="screen and (monochrome:2)"
orientation

规定目标显示器/纸张的方向。

可能的值："portrait" 或 "landscape"

例子：media="all and (orientation: landscape)"
resolution

规定目标显示器/纸张的像素密度 (dpi 或 dpcm)。

可使用 "min-" 和 "max-" 前缀。

例子：media="print and (resolution:300dpi)"
scan

规定 tv 显示器的扫描方法。

可能的值是："progressive" 和 "interlace"。

例子：media="tv and (scan:interlace)"
width

规定目标显示区域的宽度。

可使用 "min-" 和 "max-" 前缀。

例子：media="screen and (min-width:500px)"

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

Tanda <link> HTML