Display

Properti DISPLAY dipakai untuk tetapkan jikalau atau bagaimana suatu elemen ditampilkan.

Sintaks:

Untuk value:

• inline (default)
  Suatu elemen ditampilkan dengan tidak memperoleh komplemen line break sebelum dan setelahnya.

  Contoh:

  ul li { display: inline; }

  Di mana elemennya mungkin ibarat berikut:

  <UL> <LI>Item 1</LI> <LI>Item 2</LI> <LI>Item 3</LI> </UL>
• block
  Suatu elemen ditampilkan dengan komplemen line break sebelum dan setelahnya.

  Contoh:

  p em { display: block; }

  Di mana elemennya mungkin ibarat berikut:

  <P>Lorem ipsum… <EM>display block here</EM> Lorem ipsum…</P>
• list-item
  Suatu elemen ditampilkan dengan komplemen line break sebelum dan setelahnya, tetapi dengan komplemen list item marker.

  Contoh:

  .mylist { display: list-item; list-style-type: disc; margin: 0 15px; }

  Di mana elemennya mungkin ibarat berikut:

  <DIV CLASS="mylist">Lorem ipsum 1</DIV> <DIV CLASS="mylist">Lorem ipsum 2</DIV> <DIV CLASS="mylist">Lorem ipsum 3</DIV>
• none
  Ketika anda ingin menyembunyikan suatu elemen, silahkan set DISPLAY ke nilai none.

  Contoh:

  .hide { display: none; }
• inherit
  Menerapkan nilai DISPLAY elemen induknya.

Properti DISPLAY dapat diaplikasikan kepada semua elemen.