Programming/HTML CSS
특정 요소를 화면에 보이거나 보이지 않게 합니다.
<div id="view_div">
이름 : <input type="text" /><br />
주소 : <input type="text" /><br /><br />
<input type="button" value="확인" />
</div>
위 tag에서 div를 보이지 않게 하려면 다음과 같이 visibility 속성을 지정합니다.
#view_div {
 visibility: hidden;
}
hidden 대신에 visible로 하면 화면에 다시 보이도록 할 수 있습니다. display라는 속성으로도 비슷한 기능을 수행할 수 있는데 display는 요소를 숨기면서 요소가 차지하던 해당 공간도 제거하지만 visibility는 공간은 그대로 두고 요소만 보이지 않도록 합니다.

'Programming > HTML CSS' 카테고리의 다른 글

[CSS3] 선택자 - 속성 선택  (0) 2013.06.04
[CSS3] 선택자 - 후손 선택  (0) 2013.06.03
[CSS3] visibility  (0) 2013.05.29
[HTML / HTML5] span  (0) 2013.05.28
[CSS3] 선택자 - 부정 선택  (0) 2013.05.23
[CSS3] 선택자 - 구조 선택  (0) 2013.05.22
0 0