Anatomi
dari cascading style sheet
Bagian – bagian utama dari sebuah CSS
itu terdiri dari tiga bagian yaitu: selector, property, value. Jika dalam HTML
dikenal ada tag-tag yang menyusun sebuah dokumen HTML maka dalam CSS juga
dikenal dengan sebutan selector.
Bagian CSS
|
Keterangan
|
Selector
|
- nama-nama yang diberikan
untuk
style-style yang berbeda,
baik itu
style internal maupun
eksternal
- bagian elemen HTML yang
akan
ditunjuk untuk mengatur
style
- dapat berupa class dan ID
|
Property
|
- aturan dalam CSS untuk
mengubah selector
yang dipilih
- property mempunyai nilai yang
disebut dengan value
- properties di dalam tanda { }
|
value.
|
- Merupakan nilai dari property
CSS
|
CSS memiliki aturan tersendiri dalam penulisan sintaks.
Penulisan sintaks tersebut terbagi ke dalam tiga bagian yaitu: selector,
property, dan value. Format penulisan
bagian-bagian dari CSS dapat dituliskan sebagai berikut :
Selector{ Property : value; }
Berikut ini sedikit contoh penggunaan
selektor, property, dan value untuk mengatur style pada sebuah form
form{ margin-left:0; }
Dari contoh penggunaan selector,
property, dan value di atas maka tiap bagian akan di jelaskan sebagai berikut :
-
form : selector yang akan di
atur stylenya
-
margin-left : property yang
digunakan untuk jarak fieldset dari
batas kiri layout
-
0 : nilai dari property margin-left
Dengan adanya CSS memungkinkan untuk
menampilkan halaman yang sama dengan format yang berbeda.