Scholar Repository
Home>Manual>CSS Visibility Property

CSS Visibility Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS visibility Property


CSS Reference 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

p
{
visibility: hidden
}

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.


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS Visibility Property