Tip: Even invisible elements takes up space on the page. Use the “display” property to create invisible elements that do not take up space.
Definition
The visibility property sets if an element should be visible or invisible.
Inherited: No
Tip: Even invisible elements takes up space on the page. Use the “display” property to create invisible elements that do not take up space.
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.visibility=”hidden”
In our HTML DOM tutorial you can find more details about the visibility property.
In our HTML DOM tutorial you can also find a full Style Object Reference.
Example
| p { visibility: hidden } |
Possible Values
| Value | Description |
|---|---|
| visible | The element is visible |
| hidden | The element is invisible |
| collapse | When used in table elements, this value removes a row or column, but it does not affect the table layout. The space taken up by the row or column will be available for other content. If this value is used on other elements, it renders as “hidden” |
