| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| background | perintah singkat untuk mengkonfigurasi semua background dalam satu deklarasi | background-colorbackground-image
background-repeat background-attachment background-position |
4 | 1 | 6 | 1 |
| background-attachment | men-set apakah background tersebut tetap atau bergerak sampai batas bawah halaman | scroll fixed | 4 | 1 | 6 | 1 |
| background-color | mengatur warna background untuk elemen tertentu | color-rgbcolor-hex
color-name transparent |
4 | 1 | 4 | 1 |
| background-image | mengatur sebuah image sebagai background | url(URL) none | 4 | 1 | 4 | 1 |
| background-position | mengatur letak background image | top left top center
top right center left center center center right bottom left bottom center bottom right x% y% xpos ypos |
4 | 1 | 6 | 1 |
| background-repeat | mengatur bagaimana sebuah image diulang tampilannya | repeat repeat-x
repeat-y no-repeat |
4 | 1 | 4 | 1 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| border | perintah singkat untuk mengatur properti dari keempat border dalam satu deklarasi | border-widthborder-style
border-color |
4 | 1 | 4 | 1 |
| border-bottom | perintah singkat untuk mengatur semua properti dari bottom-border dalam sekali deklarasi | border-bottom-widthborder-style
border-color |
4 | 1 | 6 | 1 |
| border-bottom-color | mengatur warna dari bottom-border | border-color | 4 | 1 | 6 | 2 |
| border-bottom-style | mengatur style dari bottom-border | border-style | 4 | 1 | 6 | 2 |
| border-bottom-width | mengatur lebar dari bottom-border | thin medium
thick length |
4 | 1 | 4 | 1 |
| border-color | mengatur warna dari keempat border, bisa ada empat warna | color | 4 | 1 | 6 | 1 |
| border-left | perintah singkat untuk mengatur semua properti dari left-border dalam sekali deklarasi | border-left-widthborder-style
border-color |
4 | 1 | 6 | 1 |
| border-left-color | mengatur warna dari left-border | border-color | 4 | 1 | 6 | 2 |
| border-left-style | mengatur style dari left-border | border-style |
4 | 1 | 6 | 2 |
| border-left-width | mengatur lebar dari left-border | thin medium
thick length |
4 | 1 | 4 | 1 |
| border-right | perintah singkat untuk mengatur semua properti dari right-border dalam sekali deklarasi | border-right-widthborder-style
border-color |
4 | 1 | 6 | 1 |
| border-right-color | mengatur warna dari right-border | border-color | 4 | 1 | 6 | 2 |
| border-right-style | mengatur style dari right-border | border-style | 4 | 1 | 6 | 2 |
| border-right-width | mengatur lebar dari right-border | thin medium
thick length |
4 | 1 | 4 | 1 |
| border-style | mengatur style dari keempat border, bisa ada 1 – 4 border style | none hidden
dotted dashed solid double groove ridge inset outset |
4 | 1 | 6 | 1 |
| border-top | perintah singkat untuk mengatur semua properti dari top-border dalam sekali deklarasi | border-top-widthborder-style
border-color |
4 | 1 | 6 | 1 |
| border-top-color | mengatur warna dari top-border | border-color | 4 | 1 | 6 | 2 |
| border-top-style | mengatur style dari top-border | border-style | 4 | 1 | 6 | 2 |
| border-top-width | mengatur lebar dari bottom-border | thin medium
thick length |
4 | 1 | 4 | 1 |
| border-width | perintah singkat untuk mengatur lebar dai keempat border dalam satu deklarasi, bisa ada empat nilai border | thin medium
thick length |
4 | 1 | 4 | 1 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| clear | mengatur sisi dari sebuah elemen dimana tidak diizinkan adanya floating element lain | left right
both none |
4 | 1 | 4 | 1 |
| cursor | mengatur tipe cursor yang ditampilkan | url auto crosshair
default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help |
4 | 1 | 6 | 2 |
| display | mengatur bagaimana suatu unsur ditampilkan | none inline
block list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption |
4 | 1 | 4 | 1 |
| float | mengatur di mana gambar atau teks tampil dalam elemen lainnya | left right
none |
4 | 1 | 4 | 1 |
| position | menempatkan sebuah elemen dalam posisi static, relative, absolute, atau fixed | static relative
absolute fixed |
4 | 1 | 4 | 2 |
| visibility | mengatur apakah suatu elemen akan terlihat atau tak-terlihat | visible hidden
collapse |
4 | 1 | 6 | 2 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| height | mengatur tinggi dari suatu elemen | autolength
% |
4 | 1 | 6 | 1 |
| line-height | mengatur jarak antar baris | normal number
length % |
4 | 1 | 4 | 1 |
| max-height | mengatur tinggi maksimum dari suatu elemen | none length % |
- | 1 | 6 | 2 |
| max-width | mengatur lebar maksimum dari suatu elemen | none length % |
- | 1 | 6 | 2 |
| min-height | mengatur tinggi minimum dari suatu elemen | length% |
- | 1 | 6 | 2 |
| min-width | mengatur lebar maksimum dari sebuah elemen | length% | - | 1 | 6 | 2 |
| width | mengatur lebar dari suatu elemen | auto %
length |
4 | 1 | 4 | 1 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| font | perintah singkat untuk mengatur semua properti untuk font dalam satu deklarasi | font-stylefont-variant
font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar |
4 | 1 | 4 | 1 |
| font-family | daftar prioritas dari font family name dan/atau generic family name untuk sebuah elemen | family-namegeneric-family | 3 | 1 | 4 | 1 |
| font-size | mengatur ukuran font | xx-small x-small
small medium large x-large xx-large smaller larger length % |
3 | 1 | 4 | 1 |
| font-size-adjust | mengatur tinggi dari font | none number | - | - | - | 2 |
| font-stretch | menyingkat atau meng-expandsfont-family dari suatu | normal wider
narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded |
- | - | - | 2 |
| font-style | mengatur style font | normal italic
oblique |
4 | 1 | 4 | 1 |
| font-variant | menampilkan teks sebagai small-caps font atau normal font | normal small-caps | 4 | 1 | 6 | 1 |
| font-weight | mengatur bobot font | normal bold
bolder lighter 100 200 300 400 500 600 700 800 900 |
4 | 1 | 4 | 1 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| content | membuat content dalam dokumen. Digunakan dengan printah tambahan :before dan :after pseudo-elemen |
stringurl
counter(name) counter(name, list-style-type) counters(name, string) counters(name, string, list-style-type) attr(X) open-quote close-quote no-open-quote no-close-quote |
1 | 6 | 2 | |
| counter-increment | mengatur seberapa banyak penambahan daftar dalam suatu selector | none identifier number | 2 | |||
| counter-reset | mengatur nilai dari suatu selector saat terjadi perubahan | none identifier number | 2 | |||
| quotes | mengatur penandaan dari suatu tipe kutipan | none string string | - | 1 | 6 | 2 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| list-style | perintah singkat untuk mengatur semua properti dari sebuah daftar dalam satu deklarasi | list-style-typelist-style-position
list-style-image |
4 | 1 | 6 | 1 |
| list-style-image | mengatur sebuah gambar sebagai list-item marker | none url | 4 | 1 | 6 | 1 |
| list-style-position | mengatur di mana list-item marker akan ditempatkan dalam daftar | inside outside | 4 | 1 | 6 | 1 |
| list-style-type | mengatur tipe list-item marker | none disc
circle square decimal decimal-leading-zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha |
4 | 1 | 4 | 1 |
| marker-offset | auto length | 1 | 7 | 2 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| margin | perintah singkat untuk mengatur properti dari margin dalam satu deklarasi | margin-topmargin-right
margin-bottom margin-left |
4 | 1 | 4 | 1 |
| margin-bottom | mengatur margin bawah dari sebuah elemen | auto length
% |
4 | 1 | 4 | 1 |
| margin-left | mengatur margin kiri dari sebuah elemen | auto length
% |
3 | 1 | 4 | 1 |
| margin-right | mengatur margin kanan dari sebuah elemen | auto length
% |
3 | 1 | 4 | 1 |
| margin-top | mengatur margin atas dari sebuah elemen | auto length
% |
3 | 1 | 4 | 1 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| outline | perintah singkat untuk mengatur semua properti outline dalam sebuah deklarasi | outline-coloroutline-style
outline-width |
- | 1.5 | - | 2 |
outline-color |
mengatur warna outline di sekitar sebuah elemen | colorinvert | - | 1.5 | - | 2 |
outline-style |
mengatur style dari outline di sekitar sebuah elemen | none dotted
dashed solid double groove ridge inset outset |
- | 1.5 | - | 2 |
outline-width |
mengatur lebar dari outline di sekitar sebuah elemen | thin medium
thick length |
- | 1.5 | - | 2 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| padding | perintah singat untuk mengatur semua properti padding dalam satu deklarasi | padding-toppadding-right
padding-bottom padding-left |
4 | 1 | 4 | 1 |
| padding-bottom | mengatur padding bawah elemen | length% | 4 | 1 | 4 | 1 |
| padding-left | mengatur padding kiri elemen | length% | 4 | 1 | 4 | 1 |
| padding-right | mengatur padding kanan elemen | length% | 4 | 1 | 4 | 1 |
| padding-top | mengatur padding atas elemen | length% | 4 | 1 | 4 | 1 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| bottom | mengatur seberapa jauh pinggir bawah dari sebuah elemen berada di atas/bawah dari pinggir bawah parent element | auto %
length |
5 | 1 | 6 | 2 |
| clip | mengatur bentuk dari sebuah elemen. elemen tersebut akan dimasukkan ke bentuk ini dan ditampilkan | shapeauto | 4 | 1 | 6 | 2 |
| left | mengatur seberapa jauh pinggir kiri dari sebuah elemen berada di kiri/kanan dari pinggir kiri parent element | auto %
length |
4 | 1 | 4 | 2 |
| overflow | mengatur apa yang akan terjadi jika content dari sebuah elemen melebihi areanya | visible hidden
scroll auto |
4 | 1 | 6 | 2 |
| position | menempatkan elemen dalam posisi static, relative, absolute, atau fixed | static relative
absolute fixed |
4 | 1 | 4 | 2 |
| right | mengatur seberapa jauh pinggir kanan dari sebuah elemen berada di kiri/kanan dari pinggir kanan parent element | auto %
length |
5 | 1 | 6 | 2 |
| top | mengatur seberapa jauh pinggir atas dari sebuah elemen berada di atas/bawah dari pinggir atas parent element | auto %
length |
4 | 1 | 4 | 2 |
| vertical-align | mengatur vertical alignment dari sebuah elemen | baseline sub
super top text-top middle bottom text-bottom length % |
4 | 1 | 4 | 1 |
| z-index | mengatur urutan penimpaan dari suatu elemen | auto number | 4 | 1 | 6 | 2 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| border-collapse | mengatur apakah border tabel menyatu ke dalam satu single-border atau terlepas sebagai standar HTML | collapse separate | 5 | 1 | 7 | 2 |
| border-spacing | mengatur jarak pisah antar cell (hanya untuk “separated borders” model) |
length length | 5M | 1 | 6 | 2 |
| caption-side | mengatur posisi judul untuk tabel | top bottom
left right |
5M | 1 | 6 | 2 |
| empty-cells | mengatur apakah akan menampilkan cell kosong atau tidak (hanya untuk “separated borders” model) | show hide | 5M | 1 | 6 | 2 |
| table-layout | mengatur algoritma yang digunakan untuk menampilkan table cells, rows, dan columns | auto fixed | 5 | 1 | 6 | 2 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| color | mengatur warna teks | color | 3 | 1 | 4 | 1 |
| direction | mengatur arah teks | ltr rtl | 6 | 1 | 6 | 2 |
| line-height | mengatur jarak antar baris | normal number
length % |
4 | 1 | 4 | 1 |
| letter-spacing | menaikkan atau menurunkan jarak antar huruf | normal length | 4 | 1 | 6 | 1 |
| text-align | menyusun teks dalam suatu elemen | left right
center justify |
4 | 1 | 4 | 1 |
| text-decoration | menambahkan dekorasi pada teks | none underline
overline line-through blink |
4 | 1 | 4 | 1 |
| text-indent | menjorokkan baris pertama dari teks dalam sebuah elemen | length% | 4 | 1 | 4 | 1 |
| text-shadow | none color
length |
|||||
| text-transform | mengontrol surat dalam suatu elemen | none capitalize
uppercase lowercase |
4 | 1 | 4 | 1 |
| unicode-bidi | normal embed
bidi-override |
5 | 2 | |||
| white-space | mengatur bagaimana mengurus white space dalam suatu elemen | normal pre
nowrap |
5 | 1 | 4 | 1 |
| word-spacing | menaikkan atau menurunkan jarak antar kata | normal length | 6 | 1 | 6 | 1 |
| Pseudo-class | Purpose | IE | F | N | W3C |
|---|---|---|---|---|---|
| :active | menambahkan spesial style pada elemen aktif | 4 | 1 | 8 | 1 |
| :focus | menambahkan spesial style pada suatu elemen selama ia menjadi focus | - | 1.5 | 8 | 2 |
| :hover | menambahkan spesial style pada suatu elemen saat mouse berada di atasnya | 4 | 1 | 7 | 1 |
| :link | menambahkan spesial style pada link yang belum dikunjungi | 3 | 1 | 4 | 1 |
| :visited | menambahkan spesial style pada link yang sudah dikunjungi | 3 | 1 | 4 | 1 |
| :first-child | menambahkan spesial style pada elemen yang merupakan turunan pertama dari elemen lainnya | - | 1 | 7 | 2 |
| :lang | mengizinkan author untuk mengatur bahasa yang digunakan dalam elemen tertentu | - | 1 | 8 | 2 |
| Pseudo-element | Purpose | IE | F | N | W3C |
|---|---|---|---|---|---|
| :first-letter | menambahkan spesial style pada huruf pertama dari sebuah teks | 5 | 1 | 8 | 1 |
| :first-line | menambahkan spesial style pada baris pertama dari sebuah teks | 5 | 1 | 8 | 1 |
| :before | memasukkan beberapa content sebelum sebuah elemen | 1.5 | 8 | 2 | |
| :after | memasukkan beberapa content setelah sebuah elemen | 1.5 | 8 | 2 |