DISPLAY

Properti DISPLAY digunakan untuk menetapkan jika atau bagaimana suatu elemen ditampilkan.

Sintaks:

display: value;

Untuk value:

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

  Contoh:

  ul li { display: inline; }

  Di mana elemennya mungkin seperti berikut:

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

  Contoh:

  p em { display: block; }

  Di mana elemennya mungkin seperti berikut:

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

  Contoh:

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

  Di mana elemennya mungkin seperti 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 bisa diaplikasikan kepada semua elemen.