Difference between “visibility:collapse” and “display:none”

visibility: collapse hides an element entirely (so that it doesn’t occupy any space in the layout), but only when the element is a table element. If used on elements other than table elements, visibility: collapse will act like visibility: hidden.