The display property defines the sort of element box a component generates within the layout. Additionaly to the familiar inline and block display roles, you'll also make elements display as list items or the varied parts of a table. As you will be able to see from the list of values, there are lots of roles a component can play, but there are only one or two that are utilized in everyday practice.
Values of display property
Use of inline
This inline value is used to show data in inline level box.
Use of block
This block value is used to show data in block level box.
Use of list-item
This list-item value is used to show data in block level
and also inline level list-item element.
Use of inline-block
This inline-block value is used to show data with height
and with while this is not done in just inline display.
Use of table
This table value is used to show data in block level table.
Use of inline-table
This inline-table value is used to show data in inline level table.
Use of table-row-group
This table-row-group value is used to show row group elements in table.
Use of table-header-group
This table-header-group value is used to show header group elements in table.
Use of table-footer-group
This table-footer-group value is used to show footer group elements in table.
Use of table-row
This table-row value is used to show elements in row of table.
Use of table-column-group
This table-column-group value is used to show elements group in column of table.
Use of table-column-group
This table-column-group value is used to show elements group in column of table.
Use of table-column
This table-column value is used to show elements in column of table.
Use of table-column
This table-cell value is used to show elements in column' cell of table.
Use of none
This none value is used to hide elements.which removes the
content from the normal flow entirely. Unlike visibility: hidden, which
just makes the element invisible but holds the space it might have occupied
blank, display: none removes the content, and also the space it would have
occupied is closed up.
The Best
Comment here
If you have any query, if you want to know something about any of technical course related to computer science field, if you have any suggestion about relevant to uploaded content or if you anything wrong here (any mistake in content) than please contact us. Keep in mind, comment should be according to community guidelines.
