visibility

Browser Internet Explorer Netscape Opera Safari Firefox
Version 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Supported Partially Partially Partially Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes

Short information
CSS CSS2
Default value visible
Inherited Yes
Applied To all elements
HTML analog No
Reference to specification http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility

Description
It is intended for display or element concealment including a framework round it and a background. At element concealment the occupying place by an element remains behind it, though it is also not becomes visible. If the conclusion of different elements in the same place of the screen is supposed, it is necessary to use absolute positioning or to take advantage of property display for detour of this feature.

Syntax

visibility: visible | hidden | collapse

Arguments
visible
It indicates an element as visible.
hidden
The element becomes invisible, that means it completely transparent because it continues to participate in page formatting.
collapse
If this value is applied not by the lines or table columns, in this case the result of its use will be the same as hidden. If you apply collapse for the cells content, they will react as the style property display: none is added. So, specified lines and columns are cleaned and the table is reconstructed again. This argument is not supported by browser Internet Explorer.

Example 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>visibility</title>
  <script type="text/javascript"> 
   function hiddenLayer() {
    document.getElementById("descr").style.visibility = "hidden";
   }
   function showLayer() {
    document.getElementById("descr").style.visibility = "visible";
   }
  </script>
 </head>
 <body>
 
  <p><a href="#" onMouseOver="showLayer()" onMouseOut="hiddenLayer()"><img 
  src="button.gif" width="98" height="33" alt="РљРЅРѕРїРєР°"></a></p>
 
  <div id="descr" style="visibility: hidden">
   This exclusion is a subset of astracional 
   supermative monotenious fedonies of cadonar extrafasorium. </div>
 
 </body>
</html>

Object model

[window.]document.getElementById("elementID").style.visibility

Remark
The argument "collapse" is supported by the browser Mozilla only beginning from the version 1.8Р°. Internet Explorer ignores this value at all.