codingtcher.com
Theme Night
Home
Login

Css Display

Home » Css » Css Display

display css

inline:	Displays an element as an inline element (like <span>). Any height and width properties will have no effect;	
block:	Displays an element as a block element (like <p>). It starts on a new line and takes up the whole width;	
contents:	Makes the container disappear making the child elements children of the element the 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;

Css Related Post