---

Contrast between visibility:hidden, display:none and visibility:collapse View(s): 10177 What is the difference between "visibility:collapse" and "display:none" in CSS. Answer 1) Though you asked the difference between only visibility:collapse and display:none. I want to explain the contrast between visibility:hidden, display:none and visibility:collapse visibility:hidden hides the element, but it still takes up space in the layout. display:none removes the element completely from the document. It does not take up any space, even though the HTML for it is still in the source code. But still accessible through DOM visibility:collapse, when used in table elements, collapse removes a row or column, but it does not affect the table layout. Behaves exactly same as display:none. But when used for other elements, it renders as visibility:hidden. And also, most of the browsers do not support visibility:collapse. So be cautious while using visibility:collapse Answered by Mr. Ponna   Asked in:  RealPage   Expertise Level:  Intermediate   Last updated on Monday, 17 September 2012 4/5 stars (7 vote(s))