Mengenal Property Type Elemen dan Interface

#CSS Last Tutorial

Property type elemen merupakan property yang digunakan untuk mengatur suatu elemen dalam web, sedangkan property interface merupakan property yang digunakan untuk mengatur tampilan pada web untuk membuat tampilan yang ditujukan untuk pengguna. Berikut merupakan property-property yang ada pada kedua elemen ini :

Property Type Elemen

Property	Keterangan
display	Property ini untuk mengatur sebagaimana elemen akan terpasang pada halaman website. Selektor{ display:block} Value lain : compact, inline, inline-table, list-item, marker, none, run-in, table, table-caption, table-cell, table-column, table- column-group, table-footer-group, table-header-group,table-row, table-row- group.
white-space	Property ini dapat digunakan jika anda menggunakan elemen block dan untuk menentukan apa yang akan browser lakukan kepada white-space ( spasi ) Selektor{ white-space:normal} Value lain : normal, nowrap, pre.
list-style-type	Property ini digunakan untuk menentukan suatu Style List Item ( Bullet ) Selektor{ list-style-type:armenian} Value lain : cirle, cjk-ideographic, decimal, decimal-leading-zero, disc, georgian, hebrew, hiragana, hiragana-iroha, lower-alpha, lower-greek, lower-latin, lower-roman, none, square, upper- alpha, upper-latin, upper-roman.
list-style-image	Property ini untuk membuat bullet dari gambar Selektor{ list-style-image:url(url)}
list-style-position	Property ini untuk mengatur posisi bullet Selektor{ list-style-position:inside} Value lain : outside
list-style	Property ini untuk mengatur style dari list ( bullet ) secara global Selektor{ list-style-type:armenian} Value lain : url, inside, outside, cirle, cjk-ideographic, decimal, decimal-leading-zero, disc, georgian, hebrew, hiragana, hiragana-iroha, lower-alpha, lower-greek, lower-latin, lower- roman, none, square, upper-alpha, upper-latin, upper-roman
border-collapse	Property ini untuk mengatur border table Selektor{border-collapse:collapse} Value lain : separate.
border-spacing	Property ini untuk mengatur space pada border Selektor{border-spacing:0}
caption-side	Property ini untuk mengatur posisi dari caption Selektor{caption-side:bottom} Value lain : top, left, center, right.
table-layout	Property ini untuk mengatur layout suatu table apakah menyesuaikan atau tetap. Selektor{table-layout:auto} Value lain : fixed
empty-cells	Property ini untuk menampilkan atau menyembunyikan cell pada table Selektor{empty-cells:hide} Value lain : show

Property Interface

Property	Keterangan
cursor	Property ini untuk mengatur tampilan cursor yang kan dipakai user pada browser Selektor{cursor:auto} Value lain : url , crosshair, default, e-resize, help, move, ne-resize, n-resize, nw-resize, pointer, se-resize, sw-resize, text, wait, w-resize
outline	Property ini mengatur garis tepi dari elemen secara global. Selektor{outline:#333333} untuk warna bisa menggunakan warna hexadecimal lain atau value lain : dashed, dotted, double, groove, hidden, inset, none, outside, ridge, solid, medium, thin, thick.
outline-color	Properti ini mengatur warna dari garis tepi suatu elemen. Selektor{outline:#333333} untuk warna bisa menggunakan warna hexadecimal lain.
outline-style	Property ini untuk mengatur style dari garis tepi suatu elemen. Selektor{outline:dashed} value lain : dotted, double, groove, hidden, inset, none, outside, ridge, solid, medium, thin, thick.
outline-width	Property ini untuk mengatur sebeapa lebar garis tepi suatu elemen. Selektor{ outline-width:medium} Value lain : thick, thin.

Sekarang bagian anda sendiri untuk mencoba serta banyak praktek, karena dalam css anda harus banyak latihan dan banyak mengexplore supaya paham betul fungsi-fungsi dari elemen-elemen cc rule.
Salam semangat!!!...