Pengertian Selector, Property dan Value pada CSS

Setelah mengetahui cara menginput kode CSS ke halaman HTML, saatnya untuk memahami kode CSS itu sendiri. Kali ini kita akan membahas  Pengertian Selector, Property dan Value pada CSS.

Pengertian Selector CSS

Karena kode CSS digunakan untuk mengubah/memanipulasi tampilan dari tag HTML, CSS membutuhkan suatu cara untuk ‘mengaitkan’ atau menghubungkan kode CSS dengan tag HTML yang sesuai. Hal inilah yang dimaksud dengan Selector dalam CSS.

Selector paling dasar dari CSS adalah tag dari HTML itu sendiri. Efisiensi dari selector ini tergantung dari desain dan kemampuan programmer dalam memakainya. Mengenai selector, akan kita bahas secara lebih detail dalam tutorial CSS selanjutnya.

Pengertian Property CSS

Property CSS adalah jenis style, atau elemen apa yang akan diubah dari sebuah tag HTML. CSS memiliki puluhan property yang dapat digunakan agar menampilkan hasil akhir yang kita inginkan. Hampir semua property dalam CSS dapat dipakai untuk seluruh selector. Contoh dari properti seperti: font, boder, padding, dan background-color. 

Pengertian Value CSS

Value CSS adalah nilai dari property. Misalkan untuk property background-color yang digunakan untuk mengubah warna latar belakang dari sebuah selector, value atau nilainya dapat berupa red, blue, black, atau white.

Untuk lebih jelasnya tentang selector, property dan value pada CSS, dapat dilihat pada gambar dibawah ini:

Pada artikel selanjutnya, kita akan mempelajari Aturan dan Cara Penulisan Kode CSS.