The display property defines how to display an element in a container.
display: value;inline: It is used to display an element as an inline element.
block: It is used to display an element as a block element.
contents: It is used to disappear the container.
flex: It is used to display an element as a block-level flex container.
grid: It is used to display an element as a block-level grid container.
inline-block: It is used to display an element as an inline-level block container.
inline-flex: It is used to display an element as an inline-level flex container.
inline-grid: It is used to display an element as an inline-level grid container.
inline-table: It is used to display an element as an inline-level table.
list-item: It is used to display the elements in a <li> tag.
run-in: It is used to display an element as either block or inline, depending on context.
table: It is used to set the element to behave like a <table> element.
table-element: It is used to set the element to behave like a <caption> element.
table-column-group: It is used to set the element to behave like a <colgroup> element.
table-header-group: It is used to set the element to behave like a <thead> element.
table-footer-group: It is used to set the element to behave like a <tfoot> element.
table-row-group: It is used to set the element to behave like a <tbody> element.
table-cell: It is used to set the element to behave like a <td> element.
table-column: It is used to set the element to behave like a <col> element.
table-row: It is used to set the element to behave like a <tr> element.
none: It is used to remove the element.