Tuesday, March 20, 2018

Property Type Elemen

Property ini untuk mengatur suatu elemen dalam web.
  1. display
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, tablecolumn-group, table-footer-group, table-header-group,table-row, table-rowgroup


2. white-space
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


3. list-style-type
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, upperalpha, upper-latin, upper-roman


4. list-style-image
list-style-image Property ini untuk membuat bullet dari gambar
Selektor{ list-style-image:url(http://rudydevianto.com/bullet.gif)}


5. list-style-position
list-style-position Property ini untuk mengatur posisi bullet
Selektor{ list-style-position:inside}
Value lain : outside


6. list-style
list-style Property ini untuk mengatur style dari list ( bullet ) secara global
Selektor{ list-style-type:armenian}
value lain : url, inside, outside, cirle, cjkideographic, decimal, decimal-leading-zero, disc, georgian, hebrew, hiragana, hiragana-iroha, lower-alpha, lower-greek, lower-latin, lowerroman, none, square, upper-alpha, upper-latin, upper-roman


7. border-collapse
border-collapse Property ini untuk mengatur border table
Selektor{border-collapse:collapse}
Value lain : separate


8. border-spacing
border-spacing Property ini untuk mengatur space pada border
Selektor{border-spacing:0}


9. caption-side
caption-side Property ini untuk mengatur posisi dari caption
Selektor{caption-side:bottom}
Value lain : top, left, center, right


10. empty-cells
empty-cells Property ini untuk menampilkan atau menyembunyikan cell pada table Selektor{empty-cells:hide}
Value lain : show


11. table-layout
table-layout Property ini untuk mengatur layout suatu table apakah menyesuaikan atau tetap .
Selektor{table-layout:auto}
Value lain : fixed

No comments:

Post a Comment

Follow Us