커뮤니티

고용노동부, 산업인력공단과 함께하는 강원도 유일한 기업중심 IT전문교육기관 ICT융합캠퍼스만의 특별한교육입니다.
공인 IT숙련기술인의 다양한 접근방법으로 전문가다운 실무교육을 받을 수 있습니다.

Category

교육강좌

클라이언트 CSS 사전 - visibility

페이지 정보

작성자 관리자 댓글 0건 조회 2,877회 작성일 20-07-20 09:35

본문

visibility

Summary

생성된 엘리먼트를 보이게 할지 안보이게 할지를 지정한다.

visible | hidden | collapse | inherit
기본값 inherit
적용대상 모든요소
상속 상속안됨
퍼센테이지 지정불가
미디어 Visual

Value

  • visible : 엘리먼트를 보이게 지정한다
  • hidden : 엘리먼트를 보이지 않게 지정한다. 배치에 영향을 준다.
  • collapse : 테이블의 열, 행, 그룹요소들에 지정한 경우 요소를 보이지 않게 하며, 다른 요소에 지정한경우 hidden과 같은 의미가 된다. 대부분의 브라우저에서 지원하지 않는다.

Tip

  1. 다음과 같이 사용할 수 있다
    1
    2
    3
    div {
    visibility : hidden;
    }
  2. display:none은 배치에 영향을 주지 않지만, visibility:hidden은 배치에 영향을 준다.
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

답변목록

등록된 답변이 없습니다.