jenis media CSS
jenis media memungkinkan Anda untuk menentukan bagaimana dokumen akan disajikan di media yang berbeda. File dapat ditampilkan dengan cara yang berbeda di layar, di atas kertas, atau browser pendengaran, dll
Jenis Media
Beberapa properti CSS hanya dirancang beberapa media. Seperti "suara-keluarga" properti dirancang untuk agen pengguna aural. Beberapa properti lainnya dapat digunakan untuk jenis media yang berbeda. Misalnya, "font-size" properti dapat digunakan untuk media screen dan cetak, tetapi memiliki nilai yang berbeda. Layar dan file-file kertas berbeda, biasanya membutuhkan font yang lebih besar, sans - serif font yang lebih cocok untuk membaca di layar, sedangkan font serif lebih mudah dibaca di atas kertas.
aturan @media
Aturan @media memungkinkan style sheet yang sama untuk media yang berbeda mengatur gaya yang berbeda.
Pada contoh berikut memberitahu kita untuk menampilkan 14 piksel gaya font Verdana di layar browser. Namun, jika halaman yang dicetak akan menjadi 10 piksel huruf Times. Harap dicatat, kertas font-weight dan pada pengaturan layar dalam huruf tebal:
<html>
<head>
<style>
@media screen
{
p.test {font-family:verdana,sans-serif;font-size:14px;}
}
@media print
{
p.test {font-family:times,serif;font-size:10px;}
}
@media screen,print
{
p.test {font-weight:bold;}
}
</style>
</head>
<body>
....
</body>
</html>
Anda dapat mencoba sendiri dan melihat! Jika Anda menggunakan Mozilla / Firefox atau IE5 + cetak halaman ini, Anda akan melihat, "Jenis Media" akan menggunakan layar lain dari ukuran teks lainnya point font kecil.
jenis media lainnya
Catatan: Nama-nama jenis media yang tidak sensitif huruf.
| Jenis Media | deskripsi |
|---|---|
| semua | Untuk semua perangkat media. |
| yg berhubungan dgn telinga | Untuk pidato dan synthesizer audio. |
| sistem brailye | Dengan perangkat umpan balik taktil untuk Braille buta. |
| timbul | Buta untuk printer Braille paged. |
| genggam | Untuk perangkat genggam kecil. |
| mencetak | Untuk printer. |
| proyeksi | Program untuk tampilan, seperti slide. |
| layar | Untuk monitor komputer. |
| tty | Untuk menggunakan grid tetap media surat kepadatan, seperti teletypes dan terminal. |
| televisi | Untuk jenis TV dari perangkat. |