Pemrograman CSS/Sintaks

Dari Wikibooks Indonesia, sumber buku teks bebas berbahasa Indonesia

Pemrograman CSS
(10 Jun 2007)

1. Pengantar
2. Sintaks
3. Huruf dan teks
4. Warna dan latar
5. Format visual
6. Tabel
7. Daftar pustaka

lihat • bicara • sunting

Sintaks CSS terdiri dari tiga bagian: pemilih atau selektor (selector), sifat atau properti (property), dan nilai (value). “Selektor” biasanya adalah elemen atau tag HTML yang akan didefinisikan, “properti” adalah atribut yang akan diganti dengan “nilai” tertentu. Properti dan nilai dipisahkan dengan tanda titik dua (:) dan keduanya diapit oleh tanda kurung kurawal ({).

Jika suatu nilai mengandung spasi, nilai tersebut harus diapit dengan tanda petik ("). Untuk memberikan lebih dari satu properti bagi suatu selektor, pisahkan setiap kombinasi “properti:nilai” dengan tanda titik koma (;). Untuk membuat definisi gaya lebih mudah dibaca, definisi tiap properti dapat dilakukan per baris.

Contoh:

p { color: black }
div { font-family: "sans serif" }
pre { text-align:center; color:red; }
blockquote {
  text-align: center;
  color: black;
  font-family: arial
}