CSS display property

Usage

Specifies how an element should be displayed.

Values

  • none - the element will not be displayed at all
  • inline - displayed as an inline element
  • block - displayed as a block-level element
  • inline-block - a block-level box within an inline element
  • run-in - either inline or block depending on the context
  • list-item - displayed as a list
  • marker - displayed as a marker
  • table - displayed as a block table with a line break before and after the element, like <table>
  • inline-table - displayed like <table> but without a line break before or after
  • table-row - displayed like <tr>
  • table-row-group - displayed like a group of rows
  • table-column - displayed like <col>
  • table-column-group - displayed like a group of columns
  • table-header-group - displayed like <thead>
  • table-footer-group - displayed like <tfoot>
  • table-cell - displayed like <td> or <th>
  • table-caption - displayed like <caption>

Example

Code:

p [
  display: block;
}

td, th {
  display: table-cell;
}