You can create the CSS properties that show or hide an element directly in an object’s style property or in a CSS style.
a value of inherit, inherits this property from its parent element.
When you use the display CSS property and set it to the value of none, the HTML element is hidden. But hiding the element in this way also removes it from the layout.
Setting the visibility property to hidden hides an element, but the hidden element’s surrounding elements act as though it’s still there.
The space is maintained intact, but the element’s content is hidden. When the property is set back to visible, the element reappears exactly where it was, without affecting any surrounding elements.
The collapse value on something such as a table row, the table rows above and below collapse and take over the space that the collapsed row was occupying.