Categories: CSS

Display

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

Sintaks:

display: value;

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.

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code