Media

Jenis CSS Media
«Sebelumnya
Next Chapter »

Dengan menggunakan aturanmedia, sebuah situs web dapat memiliki tata letak yang berbeda untuk layar, cetak, ponsel, tablet, dll
Jenis Media

Beberapa properti CSS hanya dirancang untuk media tertentu. Misalnya "suara-family" properti dirancang untuk agen pengguna aural. Beberapa properti lainnya dapat digunakan untuk jenis media yang berbeda. Misalnya, "font-size" properti dapat digunakan untuk kedua media layar dan cetak, tapi mungkin dengan nilai yang berbeda. Dokumen biasanya membutuhkan font-size lebih besar pada layar daripada di atas kertas, dan sans-serif font yang mudah dibaca di layar, sedangkan font serif lebih mudah dibaca di atas kertas.
Aturanmedia

Themedia Aturan memungkinkan aturan gaya yang berbeda untuk media yang berbeda dalam style sheet yang sama.

Gaya dalam contoh di bawah ini memberitahu browser untuk menampilkan 14 piksel Verdana font pada layar. Tetapi jika halaman dicetak, maka akan dalam font 20 piksel, dan dalam warna merah:
contoh
Layarmedia {
     p {
         font-family: Verdana, sans-serif;
         font-size: 14px;
     }
}

media cetak {
     p {
         font-size: 20px;
         color: red;
     }
}

Cobalah sendiri »

Jenis Media lain
Media Jenis Deskripsi
semua Digunakan untuk semua perangkat jenis media
aural Digunakan untuk berbicara dan synthesizer suara
braille Digunakan untuk perangkat umpan balik taktil braille
embossed Digunakan untuk paged printer braille
genggam Digunakan untuk perangkat kecil atau genggam
mencetak Digunakan untuk printer
Proyeksi Digunakan untuk presentasi yang diproyeksikan, seperti slide
Layar Digunakan untuk layar komputer
tty Digunakan untuk media menggunakan karakter kotak fixed-pitch, seperti teletypes dan terminal
tv Digunakan untuk televisi-jenis perangkat