display: block; - an element with this style will be separated from content outside the element by line breaks display: compact; display: inline; - an element with this style will appear inline with other phrasing content display: inline-block; - an element with this style will have the width, height, margin, padding and other properties of a block but will appear inline with other phrasing content display: list-item; - the display style of an li element; can be used to override the behavior of another element type to make it look and act like a list item display: marker; - a box with additional space will be allocated outside the main block in an inline manner, where a marker such as a list item bullet can be placed, possibly using the :before and/or :after pseudo element selectors display: inherit; - the value of the display property will be inherited from its parent, regardless of any value selected for the element from a style sheet or inline style display: inline-table; - an element with this style will look and act like a table, except that it will appear inline with other phrasing content display: none; - an element with this style and its contents will not be displayed and furthermore will not affect the page layout, as if the element effectively did not exist display: run-in; display: table; - the display style of a table element; can be used to override the behavior of another element type to make it look and act like a table display: table-caption; - the display style of a caption element; can be used to override the behavior of another element type to make it look and act like a table caption display: table-cell; - the display style of a td element; can be used to override the behavior of another element type to make it look and act like a table cell display: table-column; - the display style of a col element; can be used to override the behavior of another element type to make it look and act like a table column display: table-column-group; - the display style of a colgroup element; can be used to override the behavior of another element type to make it look and act like a table column group display: table-header-group; - the display style of a thead element; can be used to override the behavior of another element type to make it look and act like a table header display: table-footer-group; - the display style of a tfoot element; can be used to override the behavior of another element type to make it look and act like a table footer display: table-row; - the display style of a tr element; can be used to override the behavior of another element type to make it look and act like a table row display: table-row-group; - the display style of a tbody element; can be used to override the behavior of another element type to make it look and act like rows in a table body
Specifies the depth or level of the element and its contents relative to its parent element. Lower z-index values, including negative numbers, represent lower (deeper) layers and higher z-index values represent higher layers, almost like laying sheets of paper one on top of another. Also requires specifying an explicit position property (position: relative, position: absolute or position: fixed).