display
clear
cursor
float
position
PROPERTY: visibility
visibility
:
collapse
|
hidden
|
visible
Compatibility:
IE4+ N6
Version:
Level 2
Inherited:
No
The
visibility
property is used to create dynamic displays. It determines whether an element is visible or invisible. By invisible, we mean that the element is fully transparent, but that the element still occupies a place on the page and other content may not fill that space.
The
display
property can be used to make an element invisible and also specifies that nothing can take up space in the layout.
collapse
The
collapse
value is primarily used to hide rows or columns in table elements. The hidden row or column space can be used for other content. For other types of elements, it has the same effect as the
hidden
value.
hidden
The
hidden
value specifies that the element is not visible on the page.
visible
The
visible
value specifies that the element is visible on the page.
Note that only the first and third
Guru
images are visible, and that the space where the second image should be, while reserved for the image, is empty.
Code:
p {visibility: hidden;}
br {visibility: visible;}
or
<img src="images/guru.gif" style="visibility: visible;">
<img src="images/guru.gif" style="visibility: hidden;">
<img src="images/guru.gif" style="visibility: visible;">
Output:
Copyright 1999-2001 by Infinite Software Solutions, Inc. All rights reserved.
Trademark Information