CSS visibility Property
 Complete CSS Reference
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
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" |
Try-It-Yourself Demos
How to make an element invisible
This example demonstrates how to make an element invisible. Do you want the element to show or not?
How
to make a table element collapse
This example demonstrates how to make a table element collapse.
Complete CSS Reference
The Altova MissionKit is a suite of intelligent XML tools, including:
XMLSpy® – industry-leading XML editor
- Support for all XML-based technologies
- Graphical editing views, powerful debuggers, code generation, & more
MapForce® – graphical data mapping tool
- Drag-and-drop data conversion with code generation
- Support for XML, DBs, EDI, Excel® 2007, text, Web services
StyleVision® – visual stylesheet designer
- Drag-and-drop stylesheet design for XML & databases
- Output to HTML, PDF, RTF, Word 2007, & more
And more…
Try before you buy with a free fully functional 30-day trial
Download today
| 
HOME
Printer friendly page
