Hide a element:
h3 { visibility: hidden;} Try it Yourself »More "Try it Yourself" examples below.
Definition and UsageThe visibility property specifies whether or not an element is visible.
Tip: Hidden elements still take up space on the page. Use the CSS display property to both hide and remove an element from the document layout!
Show demo ❯
Default value: visible Inherited: yes Animatable: yes. Read about animatable Version: CSS2 JaScript syntax: object.style.visibility="hidden" Try it Browser SupportThe numbers in the table specify the first browser version that fully supports the property.
Property visibility 1.0 4.0 1.0 1.0 4.0 CSS Syntax visibility: visible|hidden|collapse|initial|inherit; Property Values Value Description Demo visible Default value. The element is visible Demo ❯ hidden The element is hidden (but still takes up space) Demo ❯ collapse Only for table rows (), row groups (), columns (), column groups (), and flex items. This value removes a row or column as if display: none where used.If collapse is used on other elements, it renders as "hidden"
initial Sets this property to its default value. Read about initial inherit Inherits this property from its parent element. Read about inherit More Examples ExampleThis example demonstrates how to make a table row element collapse:
tr.collapse { visibility: collapse;} Try it Yourself » Related PagesCSS tutorial: CSS Display and visibility
HTML DOM reference: visibility property
❮ Previous Complete CSS Reference Next ❯ ★ +1 Sign in to track progress