가시속성
가시 속성은 태그가 화면에 보이는 방식을 지정하는 속성입니다.
Display 속성
HTML5가 등장하면서 display 속성은 매우 중요해 졌습니다.
- none : 태그를 호면에서 보이지 않게 만듬니다.
- block : 태그를 block 형식으로 지정합니다.
- inline : 태그를 inline 형식으로 지정합니다.
-
inline-block : 태그를 inline-b |
ock 형식으로 지정합니다. |
visibility 속성
visibility 속성은 대상을 보이거나 보이지 않게 지정하는 스타일 속성입니다.
- visible : 태그를 보이게 만듭니다.
- hidden : 태그를 보이지 않게 만듭니다.
display 속성을 서용하면 태그가 화면에서 제거되지만 visibility 속성을 시용히면 화면에서 보이지 않을 뿐입니다.
- collapse : table 태그를 보이지 않게 만듭니다.
collapse 키워드는 익스플로러
와 파이어폭스
에서만 작동하며 table 태그에 사용하는 키워드입니다
opacity 속성
opacity 속성은 태그의 투명도를 조절하는 스타일 속성입니다.
opacity 속성에는 0.0부터 1.0 사이의 숫자를 입력할 수 있으며 0.0은 투명한 상태를 나타내고 1.0은 불투명한 상대를 나타냅니다.