The CSS Display property is used to define how an element is displayed. By default, every element has a display value.
Syntax
display:value;

Default Properties
  • Default value- inline
  • Inherited- no
  • Animation-no

CSS Display property values


The following all are CSS display values.
        display: inherit;
	display: initial;
	display: inline;
	display: inline-block;
	display: inline-flex;
	display: inline-grid;
	display: inline-table;
	display: list-item;
	display: block;
	display: ruby;
	display: ruby-base;
	display: ruby-text;
	display: run-in;
	display: ruby-base-container;
	display: ruby-text-container;
	display: table-row;
	display: table-row-group;
	display: table-caption;
	display: table-cell;
	display: table-column;
	display: table-column-group;
	display: table-footer-group;
	display: table-header-group;
	display: none;
	display: unset;
	display: contents;

The most commonly used CSS displays property values
The following four CSS Display values are the most common values you can see them one by one in the next tutorial in detail.
  1. display: inline;
  2. display:inline-block;
  3. display:block;
  4. display:none;