Display Property in CSS
Display Property
Every element on a web page is a box. The display property determines how that box behaves. The display property is used to determine the display behavior of an element.
Syntax:-
Its syntax is:-
< style >
element{
display: value;
}
< /style >
Further Explanation:-
Value | Description |
---|---|
inline | Displays an element as an inline element. |
block | Displays an element as a block element. |
contents | Makes the child elements children next level up in the DOM |
flex | Displays an element as a block-level flex container |
grid | Displays an element as a block-level grid container |
inline-block | Displays an element as an inline-level block container. |
inline-flex | Displays an element as an inline-level flex container |
inline-grid | Displays an element as an inline-level grid container |
inline-table | The element is displayed as an inline-level table |
list-item | Let the element behave like a li element |
run-in | Displays an element as either block or inline, depending on context |
table | Let the element behave like a table element |
table-caption | Let the element behave like a caption element |
table-column-group | Let the element behave like a colgroup element |
table-header-group | Let the element behave like a thead element |
table-footer-group | Let the element behave like a tfoot element |
table-row-group | Let the element behave like a tbody element |
table-cell | Let the element behave like a td element |
table-column | Let the element behave like a col element |
table-row | Let the element behave like a tr element |
none | The element is completely removed |
initial | Sets this property to its default value. |
inherit | Inherits this property from its parent element. |
Code Explanation
All Tutorials related to CSS Advance
Box Model
Border
Width and Height
Background Color
Background Image
Background Repeat
Background Attachment
List Styling
Table Styling
Link Styling
Cursor Styling
Display Property
Visibility Property
Positioning in CSS
Floating Property
Overflow Property
Z-index Property