가시속성

가시 속성은 태그가 화면에 보이는 방식을 지정하는 속성입니다.

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은 불투명한 상대를 나타냅니다.