visibility
CSS visibility Property
The CSS visibility property is used to hide content while maintaining the real estate it would occupy in the document layout. It will make the element disappear but its real estate remains. In order to let other page elements occupy the real estate where invisible content resides, use the display property with a value of 'none' instead of the visibility property set to 'hidden'.
Hide the element.
visible
Show the element.
CSS CODE EXAMPLE
<style type="text/css">
.divClass {
background: #C6E2FF;
border: #09F 1px solid;
height: 30px;
}
#div2 { visibility: hidden; }
</style>
<div id="div1" class="divClass">div content ...</div>
<div id="div2" class="divClass">div content ...</div>
<div id="div3" class="divClass">div content ...</div>
.divClass {
background: #C6E2FF;
border: #09F 1px solid;
height: 30px;
}
#div2 { visibility: hidden; }
</style>
<div id="div1" class="divClass">div content ...</div>
<div id="div2" class="divClass">div content ...</div>
<div id="div3" class="divClass">div content ...</div>
div content ...
div content ...
Possible Values:
hiddenHide the element.
visible
Show the element.
0 Response to "visibility"
Post a Comment