bibaramDIV레이어를 보임/숨김 속성을 지정하는데 있어 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 | 개체가 보인다. |
display 속성의 경우엔 div 레이어 자체가 주어진 공간에 나타내어지지만, visiblity 속성의 경우엔 지정한 위치값에 오버랩되어 나타나기 때문이다.
