About Lesson
The Display property in CSS defines how the components (div, hyperlink, heading, etc.) are going to be placed on the web page. As the name suggests, this property is used to define the display of the different parts of a web page.
Syntax: display : value;
| Value | Description |
|---|---|
| inline | It is used to displays an element as an inline element. |
| block | It is used to displays an element as a block element |
| contents | It is used to disappear the container. |
| flex | It is used to display an element as a block-level flex container. |
| grid | It is used to display an element as a block-level grid container. |
| inline-block | It is used to display an element as an inline-level block container. |
| inline-flex | It is used to display an element as an inline-level flex container. |
| inline-grid | It is used to display an element as an inline-level grid container. |
| inline-table | It is used to display an inline-level table |
| list-item | It is used to display all the elements in <li> element. |
| run-in | It is used to display an element inline or block level, depending on the context. |
| table | It is used to set the behavior as <table> for all elements. |
| table-caption | It is used to set the behavior as <caption> for all elements. |
| table-column-group | It is used to set the behavior as <column> for all elements. |
| table-header-group | It is used to set the behavior as <header> for all elements. |
| table-footer-group | It is used to set the behavior as <footer> for all elements. |
| table-row-group | It is used to set the behavior as <row> for all elements. |
| table-cell | It is used to set the behavior as <td> for all elements. |
| table-column | It is used to set the behavior as <col> for all elements. |
| table-row | It is used to set the behavior as <tr> for all elements. |
| none | It is used to remove the element. |
| initial | It is used to set the default value. |
| inherit | It is used to inherit the property from it’s parents’ elements. |
Exercise Files
No Attachment Found
Join the conversation