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
Learn XML with <oXygen/> XML Editor - Free Trial!
 |
|
oXygen helps you learn to define,
edit, validate and transform XML documents. Supported technologies include XML Schema,
DTD, Relax NG, XSLT, XPath, XQuery, CSS.
Understand in no time how XSLT and XQuery work by using the intuitive oXygen debugger!
Do you have any XML related questions? Get free answers from the oXygen
XML forum
and from the video
demonstrations.
Download a FREE 30-day trial today!
|
|
HOME
Printer friendly page
