살아 숨 쉬는 웹 - 블루비 :: display & visiblity 차이점 과 속성

출처 : http://blog.naver.com/cf54e/110007901264

DIV레이어를 보임/숨김 속성을 지정하는데 있어 display 와 visiblity 두 가지 모두를 사용한다.
그런데 속성의 차이, 즉 display 와 visiblity 의 차이는 극명하게 달라진다.

[CODE] <div style="display:;"> [/CODE] 의 경우에는 div 레이어 위치값을 지정하지 않더라도, div레이어가 있는 위치에서 지정되어진 크키만큼 보임/숨김을 나타내지만,

display 스타일 속성은 개체가 표현되는가를 나타내는 문자열이다.

block	개체가 블럭엘레멘트로 표현된다.
none	개체가 디스플레이되지 않는다.
inline	디폴트이며, 개체가 내용의 크기에따라 인라인 엘레멘트로 표현된다.
inline-block	개체가 인라인으로 표현되지만, 개체의 내용은 블럭 엘레멘트로 표현된다. 인접 인라인 엘레멘트는 간격을 허용하며 같은 라인에 표현된다.
list-item	IE6 이후, 개체가 블럭엘레멘트로 표현되고 목록항목 마크가 추가된다.
table-header-group	테이블의 머릿부분(header)이 항상 모든 줄과 줄의 구룹보다 먼저, 그리고 윗 제목(caption) 아래 디스플레이된다. 이 머릿부분은 테이블이 확장된 각 페이지에 디스플레이된다.
table-footer-group	테이블의 바닥부분(footer)이 항상 모든 줄과 줄의 구룹 다음, 그리고 바닥 제목(caption) 위에 디스플레이된다. 이 바닥부분은 테이블이 확장된 각 페이지에 디스플레이된다.

[CODE] <div style="visiblity:;"> [/CODE] 의 경우엔 display값과는 다르게 div레이어가 나타내져야 하는 위치값을 반드시 지정해야만 한다는 것이다.

inherit	IE NS	디폴트이며, 다음 모체 개체의 속성로부터 상속받는디.
hidden	IE	개체가 감춰진다.
hide	NS	감춘다.
show	NS	보인다.
visible	IE	개체가 보인다.