css_reference
May 2, 2008
Background
|
Property |
Description |
| background |
Properti untuk mengatur semua properti background dalam satu pernyataan |
| background-attachment |
Mengatur apakah gambar background pas pada halaman atau bersisa |
| background-color |
Mengatur warna background |
| background-image |
Mengatur suatu gambar sebagai background. |
| background-position |
Mengatur posisi awal gambar background. |
| background-repeat |
Mengatur apabila atau bagaimana gambar background akan diulang |
Border
|
Property |
Description |
| border |
Properti untuk mengatur semua properti untuk keempat batas dalam satu pernyataan |
| border-bottom |
Properti untuk mengatur semua properti untuk batas bawah dalam satu pernyataan |
| border-bottom-color |
Mengatur warna batas bawah |
| border-bottom-style |
Mengatur corak batas bawah |
| border-bottom-width |
Mengatur lebar batas bawah |
| border-color |
Mengatur warna keempat batas, bisa satu hingga empat warna |
| border-left |
Properti untuk mengatur semua properti untuk batas kiri dalam satu pernyataan |
| border-left-color |
Mengatur warna batas kiri |
| border-left-style |
Mengatur corak batas kiri |
| border-left-width |
Mengatur lebar batas kiri |
| border-right |
Properti untuk mengatur semua properti untuk batas kanan dalam satu pernyataan |
| border-right-color |
Mengatur warna batas kanan |
| border-right-style |
Mengatur corak batas kanan |
| border-right-width |
Mengatur lebar batas kanan |
| border-style |
Mengatur corak keempat batas, bisa satu hingga empat corak |
| border-top |
Properti untuk mengatur semua properti untuk batas atas dalam satu pernyataan |
| border-top-color |
Mengatur warna batas atas |
| border-top-style |
Mengatur corak batas atas |
| border-top-width |
Mengatur lebar batas atas |
| border-width |
Properti untuk mengatur lebar keempat batas dalam satu pernyataan, bisa satu hingga empat nilai |
Classification
|
Property |
Description |
| clear |
Mengatur sisi suatu elemen dimana suatu elemen ‘floating’ lain tidak diperbolehkan. |
| cursor |
Menspesifikan tipe kursor yang ditunjukkan. |
| display |
Mengatur bagaimana atau apabila suatu elemen diperlihatkan. |
| float |
Mengatur dimana suatu gambar atau teks akan muncul pada elemen lain. |
| position |
Meletakkan suatu elemen dalam posisi statis, relative, absolute, atau tetap. |
| visibility |
Mengatur apabila suatu elemen perlu terlihat atau tidak terlihat |
Dimension
|
Property |
Description |
| height |
untuk menentukan tinggi sebuah elemen |
| line-height |
untuk menentukan jarak antara garis |
| max-height |
untuk memaksimumkan tinggi sebuah elemen |
| max-width |
untuk memaksimumkan lebar sebuah elemen |
| min-height |
untuk meminimumkan tinggi sebuah elemen |
| min-width |
untuk meminimumkan lebar sebuah elemen |
| width |
untuk meminimumkan lebar sebuah elemen |
Font
|
Property |
Description |
| font |
sebuah properti/tag singkat untuk menentukan semua properti untuk sebuah font dalam satu pernyataan |
| font-family |
list nama font-family/generic family yang diprioritaskan untuk sebuah elemen |
| font-size |
untuk menentukan ukuran sebuah font |
| font-size-adjust | Menspesifikasikan sebuah nilai untuk elemen yang akan mempertahankan tinggi dari font pilihan pertama |
| font-stretch |
Mempersingkat atau memperlebar font-family yang sedang digunakan |
| font-style |
menentukan style/gaya font |
| font-variant |
untuk menampilkan teks dalam font huruf kecil atau font huruf normal |
| font-weight |
menentukan tebal sebuah font |
Generated Content
|
Property |
Description |
| content |
untuk menampilkan isi/konten dalam sebuah dokumen.Dipakai bersamaan dengan :before dan :after |
| counter-increment |
Menentukan berapa banyak penambahan counter untuk setiap peristiwa yang terjadi pada selektor |
| counter-reset |
Menentukan nilai counter yang diset untuk setiap kejadian pada selektor |
| quotes |
menentukan tipe dari nilai penentuan |
List and Marker
|
Property |
Description |
| list-style |
Mengatur setting suatu properti dalam subuah list dalam satu perintah |
| list-style-image |
Membuat gambar menjadi penanda list |
| list-style-position |
Mengatur letak penanda list-item pada list |
| list-style-type |
Mengatur tipe list-item yang dipakai |
|
marker-offset |
Mengatur jarak |
Margin
|
Property |
Description |
| margin |
Perintah singkat untuk mengubah setting semua margin dalam satu perintah |
| margin-bottom |
Menetapkan margin bawah suatu elemen |
| margin-left | Menetapkan margin kiri suatu elemen |
| margin-right |
Menetapkan margin kanan suatu elemen |
| margin-top |
Menetapkan margin atas suatu elemen |
Outlines
|
Property |
Description |
| outline |
Mengatur properti semua outline dalam satu perintah |
| outline-color |
Mengatur warna outline pada suatu elemen |
| outline-style |
Mengatur gaya suatu outline pada suatu elemen |
| outline-width | Mengatur lebar suatu outline pada suatu elemen |
Padding
|
Property |
Description |
| padding |
Suatu property tulisan cepat untuk penempatan semua lapisan dalam satu deklarasi |
| padding-bottom |
Menyetel padding bawah dari sebuah elemen |
| padding-left |
Menyetel padding kiri dari sebuah elemen |
| padding-right |
Menyetel padding kanan dari sebuah elemen |
| padding-top |
Menyetel padding atas dari sebuah elemen |
Positioning
|
Property |
Description |
| bottom |
Menyetel seberapa jauh tepi bagian bawah dari sebuah elemen adalah di atas/di bawah tepi bawah dari elemen induk |
| clip |
Menyetel bentuk dari sebuah elemen. Elemen yang dipotong ke dalam bentuk ini, dan diperlihatkan |
| left |
Menyetel seberapa jauh tepi kiri dari sebuah elemen adalah ke kanan/ke kiri dari tepi kiri dari elemen induk |
| overflow |
Menyetel apa yang terjadi jika isi dari sebuah elemen yang memenuhi/membanjiri daerah ini |
| position |
Menempatkan elemen dalam sebuah sebuah statik, relatif, absolut, atau posisi tertentu |
| right |
Menyetel seberapa jauh tepi kanan dari sebuah elemen adalah ke kanan/kiri dari tepi kanan dari elemen induk |
| top |
Menyetel seberapa jauh tepi atas sebuah elemen adalah atas/bawah tepi atas dari elemen induk |
| vertical-align |
Menyetel perataan vertical dari sebuah elemen |
| z-index |
Menyetel tumpukan perintah dari sebuah elemen |
Table
|
Property |
Description |
| border-collapse |
Menyetel apakah bingkai table dilipat ke dalam satu bingkai atau terpisah dalam HTML standar |
| border-spacing |
Menyetel jarak yang memisahkan bingkai sel (hanya untuk model model “separated borders”) |
| caption-side |
Menyetel posisi judul halaman/bab pada tabel |
| empty-cells |
Menyetel apakah ya atau tidak untuk menunjukan sel kosong dalam table (hanya untuk model “separated borders”) |
| table-layout |
Menyetel algoritma yang biasanya digunakan untuk mempertontonkan sel table, baris, dan kolom |
Text
|
Property |
Description |
| color |
Menetapkan warna dari teks |
| direction |
Menetapkan arah teks |
| line-height |
Menetapkan jarak antar baris |
| letter-spacing |
Mena,bah atau mengurangi spasi antar huruf |
| text-align |
Meluruskan teks dalam suatu elemen |
| text-decoration |
Menambah dekorasi teks |
| text-indent |
Memberi spasi pada baris pertama dalam elemen |
|
text-shadow |
|
| text-transform |
Mengkontrol huruf dalam elemen |
|
unicode-bidi |
|
| white-space |
Menetapkan bagaimana spasi putih dalam elemen ditangani |
| word-spacing |
Menambah atau mengurangi spasi antar kata |
Pseudo-classes
|
Pseudo-class |
Purpose |
| :active |
Menambahkan spesial style pada elemen aktif |
| :focus |
Menambahkan spesial style pada elemen dimana elemen tersebut mempunyai fokus |
| :hover |
Menambahkan spesial style pada elemen ketika mouse diarahkan padanya |
| :link |
Menambahkan spesial style pada link yang belum dikunjungi |
| :visited |
Menambahkan spesial style pada link yang telah dikunjungi |
| :first-child |
Menambahkan spesial style pada elemen yang merupakan anak pertama dari elemen lain |
| :lang |
Mengizinkan pembuat untuk menggunakan bahasa spesifik dalam elemen |
Pseudo-elements
|
Pseudo-element |
Purpose |
| :first-letter |
Menambahkan spesial style pada huruf pertama dalam teks |
| :first-line |
Menambahkan spesial style pada baris pertama dalam teks |
| :before |
Mensisipi sebuah content tertentu sebelum elemen |
| :after |
Mensisipi sebuah content tertentu setelah elemen |