Tag CSS
Background
Property |
Deskripsi |
Values |
background | Mengeset semua properti background dalam satu deklarasi | background-color background-image background-repeat background-attachment background-position |
background-attachment | Mengeset kondisi posisi background; antara dapat discroll atau tidak dapat digerakkan dalam halaman | scroll fixed |
background-color | Mengeset warna latar background suatu elemen | color-rgb color-hex color-name transparent |
background-image | Mengeset sebuah gambar menjadi sebuah background | url(URL) none |
background-position | Mengeset posisi background | top left top center top right center left center center center right bottom left bottom center bottom right x% y% xpos ypos |
background-repeat | Mengeset apakah/bagaimana background akan diulang | repeat repeat-x repeat-y no-repeat |
Border
Property |
Deskripsi |
Values |
border | Mengeset semua properti untuk 4-border (yang tertutup) dalam satu deklarasi | border-width border-style border-color |
border-bottom | Mengeset semua properti untuk bottom-border (yang bawah aja) dalam satu deklarasi | border-bottom-width border-style border-color |
border-bottom-color | Mengeset warna dari bottom-border | border-color |
border-bottom-style | Mengeset style dari bottom border | border-style |
border-bottom-width | Mengeset ketebalan dari garis bottom-border | thin medium thick length |
border-color | Mengeset warna dari keseluruhan border | color |
border-left | Mengeset semua properti untuk left-border (yang kiri aja) dalam satu deklarasi | border-left-width border-style border-color |
border-left-color | Mengeset warna dari left-border | border-color |
border-left-style | Mengeset style dari left-border | border-style |
border-left-width | Mengeset ketebalan dari garis left-border | thin medium thick length |
border-right | Mengeset semua properti untuk right-border (yang kanan aja) dalam satu deklarasi | border-right-width border-style border-color |
border-right-color | Mengeset warna dari right-border | border-color |
border-right-style | Mengeset style dari right-border | border-style |
border-right-width | Mengeset ketebalan dari garis right-border | thin medium thick length |
border-style | Mengeset style dari keseluruhan border | none hidden dotted dashed solid double groove ridge inset outset |
border-top | Mengeset semua properti untuk top-border (yang atas aja) dalam satu deklarasi | border-top-width border-style border-color |
border-top-color | Mengeset warna dari top-border | border-color |
border-top-style | Mengeset style dari top-border | border-style |
border-top-width | Mengeset ketebalan dari garis top-border | thin medium thick length |
border-width | Mengeset ketebalan dari keseluruhan border; terdapat empat jenis ketebalan | thin medium thick length |
Classification
Property |
Deskripsi |
Values |
clear | Mengeset sisi dari sebuah elemen dimana elemen ngambang lainnya tidak diperbolehkan | left right both none |
cursor | Menspesifikasi kursor 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 |
display | Mengeset apakah/bagaimana suatu elemen 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 |
float | Mengeset dimana sebuah gambar atau teks dimunculkan pada elemen lain | left right none |
position | Mengeset penempatan elemen sebagai posisi yang static, relative, absolute atau fixed | static relative absolute fixed |
visibility | Mengeset apakah suatu elemen ditampilkan atau tidak | visible hidden collapse |
Dimension
Property |
Deskripsi |
Values |
height | Mengeset tinggi dari sebuah elemen | auto length % |
line-height | Mengeset jarak antar garis pada elemen | normal number length % |
max-height | Mengeset tinggi maksimal dari elemen | none length % |
max-width | Mengeset lebar maksimal dari elemen | none length % |
min-height | Mengeset tinggi minimal dari elemen | length % |
min-width | Mengeset lebar minimal dari elemen | length % |
width | Mengeset lebar dari suatu elemen | auto % length |
Font
Property |
Deskripsi |
Values |
font | Mengeset semua properti untuk font(huruf) dalam satu deklarasi | font-style font-variant font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar |
font-family | Prioritas list untuk font family dan/atau generic pada suatu elemen | family-name generic-family |
font-size | Mengset ukuran dari font | xx-small x-small small medium large x-large xx-large smaller larger length % |
font-size-adjust | Menspesifikasi aspek nilai untuk sebuah elemen yang akan mempertahankan tinggi-x dari font pilihan pertama | none number |
font-stretch | Memadatakan atau melonggarkan font-family yang digunakan | normal wider narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded |
font-style | Mengeset style dari font | normal italic oblique |
font-variant | Menampilkan teks dalam small-caps font atau normal font | normal small-caps |
font-weight | Mengeset ketebalan huruf | normal bold bolder lighter 100 200 300 400 500 600 700 800 900 |
Generated Content
Property |
Deskripsi |
Values |
content | Membuat konten dalam dokumen. Digunakan bersama pseudo-element :before dan :after | string url 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 |
counter-increment | Mengeset berapa banyak suatu counter menambahkan pada tiap aksi pada selektor | none identifier number |
counter-reset | Mengeset nilai yang counter set pada tiap aksi pada selektor | none identifier number |
quotes | Mengeset tipe dari quote | none string string |
List and Marker
Property |
Deskripsi |
Values |
list-style | Mengeset semua properti untuk sebuah list dalam satu deklarasi | list-style-type list-style-position list-style-image |
list-style-image | Mengeset gambar sebagai list-item marker | none url |
list-style-position | Mengeset dimana list-item marker ditempatkan pada list | inside outside |
list-style-type | Mengeset tipe dari 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 |
marker-offset | auto length |
Margin
Property |
Deskripsi |
Values |
margin | Mengeset semua properti untuk margin dalam satu deklarasi | margin-top margin-right margin-bottom margin-left |
margin-bottom | Mengeset batasan bawah dari elemen | auto length % |
margin-left | Mengeset batasan kiri dari elemen | auto length % |
margin-right | Mengeset batasan kanan dari elemen | auto length % |
margin-top | Mengeset batasan atas dari elemen | auto length % |
Outlines
Property |
Deskripsi |
Values |
outline | Mengeset semua properti untuk outline dalam satu deklarasi | outline-color outline-style outline-width |
outline-color | Mengeset warna dari outline elemen | color invert |
outline-style | Mengeset style outline dari elemen | none dotted dashed solid double groove ridge inset outset |
outline-width | Mengeset ketebalan outline dari elemen | thin medium thick length |
Padding
Property |
Deskripsi |
Values |
padding | Mengeset semua properti untuk padding (bloknot) dalam satu deklarasi |
padding-top padding-right padding-bottom padding-left |
padding-bottom | Mengeset pad bagian bawah dari elemen | length % |
padding-left | Mengeset pad bagian kiri dari elemen | length % |
padding-right | Mengeset pad bagian kanan dari elemen | length % |
padding-top | Mengeset pad bagian atas dari elemen | length % |
Positioning
Property |
Deskripsi |
Values |
bottom | mengeset sejauh mana pojok bawah elemen di atas atau di bawah dari pojok bawah parent element | auto % length |
clip | Mengeset bentuk dari elemen. Elemen diclip menjadi bentuk ini, dan ditampilkan | shape auto |
left | Mengeset sejauh mana pojok kiri dari elemen di kiri/kanan tepi kiri parent element | auto % length |
overflow | Mengeset apa yang terjadi jika konten dari elemen melebihi area elemen | visible hidden scroll auto |
position | Menempatkan elemen dengan posisi static, relative, absolute, atau fixed | static relative absolute fixed |
right | Mengeset sejauh mana pojok kanan dari elemen di kiri/kanan dari pojok kanan parent element | auto % length |
top | Sets how far the top edge of an element is above/below the top edge of the parent element | auto % length |
vertical-align | Sets the vertical alignment of an element | baseline sub super top text-top middle bottom text-bottom length % |
z-index | Sets the stack order of an element | auto number |
Table
Property |
Deskripsi |
Values |
border-collapse | Mengeset apakah border tabel collapse pada satu border atau terpisah sesuai standar HTML | collapse separate |
border-spacing | Mengeset jarak yang memisahkan border sel (khusus untuk model separate-border) | length length |
caption-side | Mengeset posisi dari judul tabel | top bottom left right |
empty-cells | Megeset apakah sel kosong ditampilkan pada tabel atau tidak (khusus untuk model separate-border) | show hide |
table-layout | Mengeset algoritma yang digunakan untuk menampilkan sel tabel, baris, dan kolom | auto fixed |
Text
Property |
Deskripsi |
Values |
color | Mengeset warna teks | color |
direction | Mengeset arah teks | ltr rtl |
line-height | Mengeset jarak antar garis | normal number length % |
letter-spacing | Menambah atau mengurangi jarak antar karakter | normal length |
text-align | Mengatur teks agar rata kanan, kiri, tengah, atau kanan-kiri pada elemen | left right center justify |
text-decoration | Menambah dekorasi pada teks | none underline overline line-through blink |
text-indent | Mengindentasikan baris pertama teks pada elemen | length % |
text-shadow | none color length |
|
text-transform | Mengontrol huruf pada elemen | none capitalize uppercase lowercase |
unicode-bidi | normal embed bidi-override |
|
white-space | Mengeset bagaimana ruang putih di dalam elemen ditangani | normal pre nowrap |
word-spacing | Menambah atau mengurangi jarak antar kata | normal length |
Pseudo-classes
Pseudo-class |
Kegunaan |
:active | Menambahkan spesial style kepada elemen yang aktif |
:focus | Menambahkan spesial style kepada elemen selama elemen sedang fokus |
:hover | Menambahkan spesial style kepada elemen saat cursor berada di atas elemen tersebut |
:link | Menambahkan spesial elemen kepada link yang belum kena hit |
:visited | Menambahkan spesial style kepada link yang telah dihit |
:first-child | Menambah spesial style pada elemen yang merupakan child pertama dari gabungan beberapa elemen lainnya |
:lang | Membolehkan pemilik(author) untuk menentukan bahasa yang digunakan pada elemen tertentu |
Pseudo-elements
Pseudo-element |
Kegunaan |
:first-letter | Menambahkan style spesial pada huruf pertama sebuah teks |
:first-line | Menambah spesial style pada baris pertama sebuah teks |
:before | Menyisipkan suatu konten sebelum elemen |
:after | Menyisipkan suatu konten setelah elemen |
Iklan
criwied 10:01 on September 17, 2008 Permalink |
Makasih banyak infonya, sangat membantu.
Danny 14:38 on Maret 23, 2009 Permalink |
Terima kasih atas post-tingannya, sangat membantu dalam mengerjakan tugas