@Media CSS at-rule pada CSS memungkinkan kita menentukan sekumpulan CSS yang hanya diterapkan ke jenis media tertentu yang juga dapat kita tentukan dalam deklarasi @media.

Dengan kata lain, aturan @media menentukan jenis media target (dipisahkan oleh koma) dari serangkaian pernyataan atau aturan (yang dibatasi oleh tanda kurung kurawal). Misalnya, berikut contoh penulisan scriptnya:

 

Seperti yang diperlihatkan dalam contoh ini, aturan @media harus diikuti oleh jenis media dan kemudian oleh seperangkat aturan CSS yang dibatasi dalam tanda kurung kurawal.

Untuk sekumpulan CSS yang ingin kita terapkan ke lebih dari satu jenis media, Kita harus memisahkan jenis media menggunakan koma:

 

Ada sepuluh jenis media yang diakui dalam CSS. Dibawah ini akan dibahas satu persatu

Salah satu jenis media yang paling umum digunakan adalah jenis layar. Jenis media cetak digunakan untuk menentukan gaya untuk dokumen yang dapat dicetak yang berlaku saat akan dicetak.

Jenis media layar digunakan sebagai bagian dari kueri media. Kueri media terdiri dari jenis media dan nol atau lebih banyak ekspresi yang memeriksa kondisi fitur media tertentu — seperti ukuran, orientasi, warna, dll.

Untuk pengenalan Mengenal @media RULE pada CSS akan dilanjutkan pada postingan berikutnya, Stay tune dan Happy Coding!