Lembaran Gaya Lata/Sintaks: Perbezaan antara semakan
Kandungan dihapus Kandungan ditambah
Bab selesai |
|||
Baris 58:
</source>
{{anchor|kod1}}Terjemahan pecahan kod ini adalah seperti berikut:
<source lang="css">
Baris 71:
</source>
Setiap pemilih boleh memiliki
==
Peraturan (''rule'') CSS didahului simbol {{CSS:rule|@}} dan sering kali memulai blok kod. Setiap peraturan menerima sekurang-kurangnya satu argumen. Beberapa contoh peraturan adalah {{CSS:rule|@charset}}, bagi mentakrif set aksara dokumen; {{CSS:rule|@media}}, bagi menetapkan sifat jenis media, kerap kali {}{CSS:rule|all}} ("semua"), {{CSS:rule|screen}} ("skrin") dan {{CSS:rule|print}} ("cetak"); dan {{CSS:rule|@font}} ("fon") bagi menetapkan [[../Fon dan Teks#Fon Sesawang|fon sesawang]].
==
Kuasa CSS kebanyakannya terletak pada pemilih. Pemilih membolehkan pengarang untuk mensasarkan unsur tertentu bagi mengenakan apa jua sifat. Pelbagai jenis pemilih dapat digabungkan bagi mewujudkan gaya yang lebih halus.
===
Unsur yang ditetapkan dalam definisi CSS sepadan dengan unsur-unsur (X)HTML atau XML dalam dokumen. Dengan HTML atau XHTML, unsur yang sering ditemui termasuk <code>p</code>, <code>span</code>, dan <code>div<code>. Dengan XML, nama unsur akan berubah, bergantung kepada jenis dokumen yang akan dipaparkan.
===
Kelas adalah pemilih yang paling asas. Operator kelas ialah "<code>.</code>" (titik) dan sintaksnya adalah <code>.nama_kelas</code>.
{{XNote|Kelas sentiasa didahului oleh "." Tanda titik perlu kerana ia mengasingkan pemilih kelas daripada apa jua perkara yang boleh digabungkan dengannya.}}
==
ID menetapkan unsur ''unik'' dalam dokumen. Dengan (X)HTML ia juga menjadi pengecam cebisan atau ''fragment identifier''. Operator ID ialah "<code>#</code>" dan sintaksnya <code>#nama_id</code>.
{{XNote|Perhatikan bahawa fungsi 'kelas' dan 'ID' hampir sama, yakni kedua-dua bertindak sebagai pemilih. Hanya, ID pemilih unik}}
=== Atribut ===
Pilihan atribut ialah ciri baharu CSS yang membolehkan pilihan dibuat berlandaskan apa jua atribut sesebuah unsur. Sintaksnya adalah <code>[Atribut="nilai"]</code>. Atribut mendokong beberpa operator yang berlainan, termasuk <code>=</code>, <code>!=</code>, <code>~=</code>, <code>^=</code> dan <code>$=</code>.
=== Pseudokelas ===
Pseudokelas (''pseudo-class'') adalah kelas istimewa berlandaskan keadaan unsur dan memiliki operator <code>:</code>. Sintaks adalah <code>:pseudokelas</code>. Pseudokelas yang sering ditemui termasuk <code>:hover</code> ("hover" harfiah terbang terkantung-kantung), <code>:link</code> ("pautan") dan <code>:visited</code> ("telah dilawati").
== Blok ==
Blok kod terdapat di merata tempat dengan CSS. Blok bermula dengan <code>{</code> dan berakhir dengan <code>}</code>. Blok digunakan untuk menghimpun penyataan CSS dalam kumpulan logikal bergantung kepada keperluan pengarang. Blok paling sering diguna bersama-sama peraturan dan bagi menghimpun sekumpulan sifat pada sesuatu pemilih.
== Sifat ==
Sifat (''property'') merupakan inti CSS. Sintaksnya mudah, yakni <code>property: argument(s);</code> (lihat [[#kod1|kod]] di atas). Sifat sentiasa diletakkan selepas sesuatu pemilih dan sentiasa di dalam blok <code>{}</code>. Sesuatu sifat perlu diakhiri atau ditutup dengan koma bernoktah (<code>;</code>).
{{Prognav|Lembaran Gaya Lata|Mengguna CSS pada XML|Mentakrif Peraturan Gaya}}
|