[HTML] display속성과 visibility속성에 대한 정보 !

  

display속성과 visibility속성

  

< display 속성 >

1. display inline은 기본값이며, inline 요소처럼 표시한다. 자동으로 앞뒤 줄바꿈이 되지 않는다.
2. display block은 요소를 block 요소처럼 표시한다. 따라서 요소 앞뒤 줄바꿈이 된다.
3. display none은 박스가 없고, 공간을 차지하지 않는다.
4. display inline-block 요소는 inline인데 내부는 block처럼 사용하며, 박스 모양이 inline처럼 옆으로 표시된다.

 

< display 사용예제 >

 

-> id를 이용해서 javascript에서 제어하는 방법.

 

-> display 속성 사용방법.

  

< visibility 속성 >

1. visibility visible은 기본값으로 요소가 그대로 보여진다.
2. visibility hidden은 요소는 보이지 않고, 그 공간을 차지하며 투명하게 남는다.
3. visibility collapse <table> 태그에서만 사용할 수 있으며, 선택 테이블의 행과 열을 숨긴다.

 

< visibility 사용예제 >

-> visibility 속성과 display 속성 사용방법.

관련글 더 보기

 2014/08/12 - [HTML] window.print기능, 일정 범위만 프린트 하기 !

 2014/08/12 - [HTML] Modal Popup창 만들고, 값 넘겨주기 !

 2014/08/12 - [HTML] div태그와 span태그, block형식과 inline형식에 대한 정보 !

 2014/08/12 - [HTML] iframe태그에 대한 정보 !

 2014/08/12 - [HTML] HTML과 XHTML의 차이점 !

↓ 공감 을 눌러주시면 블로거에게 큰 힘이 됩니다 !