Properti display

Properti display - menentukan cara penampilan elemen oleh browser.

Sintaks

cssselektor {
  display: nilai;
}

Nilai	Deskripsi
`block`	Elemen blok.
`inline`	Elemen sebaris (inline).
`inline-block`	Elemen sebaris-blok (inline-block).
`list-item`	Elemen akan menjadi item daftar dan di depannya akan muncul penanda daftar.
`flex`	Mengatur elemen sebagai blok, dan anak-anaknya akan menjadi elemen flex.
`inline-flex`	Mengatur elemen sebagai sebaris-blok (inline-block), dan anak-anaknya akan menjadi elemen flex.
`grid`	Membuat elemen grid.
`none`	Elemen akan hilang sama sekali dan semua elemen lainnya akan berperilaku seolah-olah elemen ini tidak ada.
`table`	Elemen akan berperilaku seperti tabel.
`table-cell`	Elemen akan berperilaku seperti sel tabel.
`inline-table`	Elemen akan berperilaku seperti tabel, tetapi tabel tersebut merupakan elemen sebaris (inline) dan terjadi pelampungan elemen lain di sekitarnya, contohnya, teks.
`table-caption`	Elemen akan berperilaku seperti tag `caption`.
`table-column`	Elemen akan berperilaku seperti kolom tabel.
`table-row`	Elemen akan berperilaku seperti baris tabel.
`table-column-group`	Elemen akan berperilaku seperti tag `colgroup`.
`table-footer-group`	Elemen akan berperilaku seperti tag `tfoot`.
`table-header-group`	Elemen akan berperilaku seperti tag `thead`.
`table-row-group`	Elemen akan berperilaku seperti tag `tbody`.
`run-in`	Mengatur elemen sebagai blok atau sebaris (inline) tergantung pada konteksnya.

Secara default, elemen dapat memiliki berbagai nilai display.