properti media gaya HTML
contoh
Untuk dua jenis media (cetak dan layar) dari dua style sheet yang berbeda:
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
Coba »
Dukungan Browser
Semua browser utama mendukung properti media.
Definisi dan Penggunaan
media atribut menentukan sumber saat ini untuk media / dioptimalkan.
Properti ini banyak digunakan dalam berbagai gaya yang telah ditentukan untuk berbagai jenis media CSS stylesheet.
Tip: Atribut ini dapat menerima beberapa nilai.
Perbedaan antara HTML 4.01 dan HTML5
Tidak ada.
tatabahasa
Operator mungkin
| nilai | deskripsi |
|---|---|
| dan | Ketentuan DAN operator. |
| tidak | Penyediaan TIDAK operator. |
| . | Penyediaan operator OR. |
peralatan
| nilai | deskripsi |
|---|---|
| semua | Default. Beradaptasi dengan semua perangkat. |
| yg berhubungan dgn telinga | Speech synthesizer. |
| sistem brailye | Buta dengan perangkat umpan balik Braille. |
| genggam | perangkat genggam (layar kecil, bandwidth terbatas). |
| proyeksi | Proyektor. |
| mencetak | modus pratinjau cetak / halaman cetak. |
| layar | layar komputer (nilai default). |
| tty | Teletype dan media yang sama menggunakan grid karakter monospace. |
| televisi | Jenis televisi perangkat (resolusi rendah, terbatas kemampuan gulungan layar). |
nilai
| nilai | deskripsi |
|---|---|
| lebar | Yang telah ditentukan display Target lebar daerah. Anda dapat menggunakan "min" dan "max-" awalan. Contoh: = media "screen dan (min-width: 500px)" |
| tinggi | tinggi sasaran yang telah ditentukan area tampilan. Anda dapat menggunakan "min" dan "max-" awalan. Contoh: = media "screen dan (max-height: 700px)" |
| perangkat-lebar | Ketentuan lebar sasaran display / kertas. Anda dapat menggunakan "min" dan "max-" awalan. Contoh: = media "screen dan (device-width: 500px)" |
| perangkat-height | Ketentuan ketinggian sasaran display / kertas. Anda dapat menggunakan "min" dan "max-" awalan. Contoh: = media "screen dan (perangkat-height: 500px)" |
| orientasi | Ketentuan arah sasaran display / kertas. Kemungkinan nilai: "potret" atau "landscape" Contoh: = media "semua dan (orientasi: landscape)" |
| aspek-rasio | Yang telah ditentukan display Target rasio lebar / tinggi dari daerah Anda dapat menggunakan "min" dan "max-" awalan. Contoh: = media "screen dan (aspek-rasio: 16/9)" |
| perangkat-aspek-rasio | Ketentuan display sasaran / kertas perangkat-lebar / rasio perangkat-tinggi Anda dapat menggunakan "min" dan "max-" awalan. Contoh: = media "screen dan (aspek-rasio: 16/9)" |
| warna | bit target tertentu display / warna Anda dapat menggunakan "min" dan "max-" awalan. Contoh: = media "screen dan (warna: 3)" |
| Warna-index | Sebuah jumlah yang telah ditetapkan layar sasaran warna dapat menangani. Anda dapat menggunakan "min" dan "max-" awalan. Contoh: = media "screen dan (min-warna-index: 256)" |
| satu warna | Ketentuan monokrom frame buffer dalam bit / pixel. Anda dapat menggunakan "min" dan "max-" awalan. Contoh: = media "screen dan (monokrom: 2)" |
| resolusi | Ketentuan kepadatan pixel dari target display / kertas (dpi atau dpcm). Anda dapat menggunakan "min" dan "max-" awalan. Contoh: = media "cetak dan (resolusi: 300dpi)" |
| pemindaian | Yang telah ditentukan display scanning tv. Kemungkinan nilai: "progresif" dan "interlace". Contoh: = media "tv dan (scan: interlace)" |
| kisi | Yang telah ditentukan perangkat output adalah grid atau bitmap. Kemungkinan nilai: "1" untuk grid, jika "0" Contoh: = media "genggam dan (grid: 1)" |
HTML <style> tag