By using this site you agree to the use of cookies by Brugbart and our partners.

Learn more

CSS Display Property

Edited: 2011-10-28 20:36

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

  1. none
  2. block
  3. inline
  4. inline-block
  5. list-item
  6. run-in
  7. table
  8. table-cell
  9. table-row
  10. table-column | table-column-group
  11. 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!

See also:

  1. Display table and table-cell tutorial