CSS Display Property
The CSS display property can be used to change how the element behaves, by changing the rendering box used. One of its uses is to create equal height columns, by using the table and table-cell values to make elements behave like a HTML table.
Possible Values
- none
- block
- inline
- inline-block
- list-item
- run-in
- table
- table-cell
- table-row
- table-column | table-column-group
- table-header-group | table-row-group | table-footer-group
Note. Changing an elements default display, will not change its type for real. Rather it makes the element behave like the corresponding HTML element that it has been set to.
CSS display example
CSS Display Property Usage Example
div { /* All div elements will be hidden */
display: none;
}
#Basement { /* The element with its id attribute set to Basement will be hidden */
display: none;
}
Inherited? - NO!