visibility Property & display Property

visibility Property
h2
{
visibility:hidden;
}
JavaScript syntax: object.style.visibility="hidden"

visible The element is visible. This is default
hidden The element is invisible (but still takes up space) 
 
display Property
p.inline
{
display:inline;
}
JavaScript syntax: object.style.display="inline"

none The element will generate no box at all(do not take up space)
inline The element will generate an inline box (no line break before or after the element). This is default

visibility와 display의 가장 큰 차이점은 공간을 차지 하느냐 차지하지 않느냐 이다.!!!