Home → References → CSS Properties →

CSS Property: visibility

Specifies whether a box is visible or not.

HTML Dog, The Book HTML Dog book cover

HTML Dog is hosted by Titan Internet

Possible Values

  • inherit
  • visible (default)
  • hidden - nothing will be visible but unlike display: none, the element and its dimensions will still affect layout.
  • collapse - same as hidden except when applied to rows, row groups, columns or column group boxes, when it should have the same visual representation of display: none whilst maintaining the cell heights or widths that will effect row heights and column widths. Those browsers that "support" this value (IE does not) actually render collapse the same as hidden no matter what the situation.

Example


p.flummox { visibility: hidden; }