What are the possible values of the Display attribute in CSS
This article mainly introduces the possible values of the Display attribute in CSS. It has certain reference value. Interested friends can refer to it. I hope you will gain a lot after reading this article. Let Xiaobian take you to understand it together.
none This element will not be displayed.
block This element will appear as a block-level element, preceded and followed by newlines.
inline default. This element is displayed inline, with no newlines before or after the element.
inline-block Inline block elements. (Added values for CSS 2.1)
list-item This element appears as a list.
run-in This element appears as a block-level element or inline element, depending on the context.
Compact CSS has the value compact, but it has been removed from CSS 2.1 due to lack of widespread support.
marker CSS has the value marker, but it has been removed from CSS 2.1 due to lack of widespread support.
table This element is displayed as a block-level table (similar) with newlines before and after the table.
inline-table This element is displayed as an inline table (similar), with no line breaks before and after the table.
table-row-group This element is displayed as a grouping of one or more rows (similar).
table-header-group This element is displayed as a grouping of one or more rows (similar).
table-footer-group This element is displayed as a grouping of one or more rows (similar).
table-row This element is displayed as a table row (similar). http://hovertree.com/menu/css/
table-column-group This element is displayed as a grouping of one or more columns (similar).
table-column This element is displayed as a cell column (similar)
table-cell This element is displayed as a table cell (similar to and)
table-caption This element appears as a table caption (similar)
Thank you for reading this article carefully. I hope that Xiaobian's shared article "What are the possible values of Display attributes in CSS" will be helpful to everyone. At the same time, I hope that everyone will support you a lot and pay attention to the industry information channel. More relevant knowledge is waiting for you to learn!
