Mengatur Display dengan CSS

Properti Display, befungsi untuk mengatur tampilan suatu elemen pada browser. Nilai nilai yang dapat ditulis pada properti display adalah: inline, block, list-item, run-in, inline-block, compact, inline-table, marker, table, table-caption, table-cell, table-column, table-row, table-footer-group, table-header-group, table-column-group, table-row-group, inherit dan none.

contoh:

div#topMenu {display:inline;}

Properti Overflow, berfungsi untuk menentukan keadaan yang diperlakukan pada suatu elemen apabila isinya melebihi box diluarnya. Nilai nilai yang dapat ditulis pada properti overflow adalah: auto, visible, scroll, hidden dan inherit.

contoh:

.content { overflow:scroll;}

Properti Visibility, berfungsi untuk menentukan penampilan suatu elemen pada browser. Nilai nilai yang dapat ditulis pada properti visibility adalah: collapse, visible,  hidden dan inherit.

contoh:

.content img  { visibility:hidden;}

Properti Cursor, berfungsi untuk menentukan penampilan cursor ketika mouse melewati suatu elemen. Nilai nilai yang dapat ditulis pada properti cursor adalah: crosshair, pointer, move, text, wait, auto, default, help, e-resize, n-resize, ne-resize, nw-resize, se-resize, sw-resize, s-resize, w-resize, progress dan inherit.

contoh:

img a:hover  { cursor:pointer;}

Jika anda ingin melihat tampilan cursor yang lain pada browser, cobalah satu persatu dari nilai nilai properti cursor tersebut.

3 comments for “Mengatur Display dengan CSS

  1. 20 September 2009 at 00:50

    Text perspective, placing the site to your favorites..

  2. 21 September 2009 at 01:24

    Good post! Podcherpnul a lot of new and interesting! I’ll go give a friend in ICQ:).

  3. 21 September 2009 at 17:22

    As usual, the webmaster correctly published!.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *