Kali ini kita akan membahas lebih lanjut tentang pengertian selector, property dan value pada css. Pada artikelcss yang lalu kita telah membahas tentang aturan dan cara penulisan css. Di artikel tersebut kita telah mengenal sedikit tetang kode css yang berisi selector, properti dan nilai properti atau value. Untuk lebih jelasnya lagi, kita akan membahas satu persatu, mulai dari selector, property hingga nilai property (value). Perhatikan gambar berikut ini:
Tiap deklarasi kode css memiliki tiga bagian yaitu selector, properti dan value. Ketiga bagian tersebut memiliki susunan umum sebagai berikut:
selector{ property: value; }
1. Selector
Kita dapat mengartikan selector sebagai elemen kode yang akan di berikan style. Jika kita perhatikan, selector berada diluar atau sebelum tanda kurung kurawal {}. Jadi dapat kita katakan bahwa seleruh elemen sebelum tanda kurung kurawal {} merupakan selector. contohnya pada gambar di atas menunjukkan bahwa body, h1 danh2 merupakan selector.
Selektor terletak sebelum tanda kurung kurawal {}
2. Property
Property adalah parameter suatu selektor yang akan di beri nilai atau value. contoh property adalah background-color atau warna background, font-size atau ukuran huruf. Setiap parameter mempunyai setidaknya satu nilai atau value. Setiap property akan diakhiri dengan tanda titik koma(;)
3. Value
Value adalah nilai dari property yang diberikan. Antara properti dan nilainya (value) di pisahkan dengan tanda titik dua (:). Misalnya nilai dari property background-color adalah #333 yang menunjukkan kode warna. Dan value dari font-size adalah 16px.
Nah, demikianlah tentang pengertian selector, property dan value dalam css. Semoga dapat dimengerti dan dipahami dengan baik. Sampai jumpa pada artikel berikutnya. sekian dan terimakasih.