728x90
| 개요
visibility 속성은 태그의 가시성을 결정합니다.
다음 속성 4가지 값을 가지며, 기본 값으로는 inherit 입니다.
- visible : 보임
- hidden : 숨김 (자신의 영역은 지속됨)
- collapse : 겹치도록 지정 (테이블의 행과 열 요소만 지정할 수 있으며, 그 외 요소에 지정하면 hidden으로 해석)
- inherit : 부모 요소의 값을 상속
| 예제
<html>
<head>
<style>
.box{
width: 100px;
height: 100px;
background-color: #09C;
}
#box1{ visibility: hidden }
#box2{ visibility: visible }
</style>
</head>
<body>
<div id="box1" class="box"></div>
<div id="box2" class="box"></div>
</body>
</html>
| 결과값
728x90
반응형
'즐거움 넘치는 IT 세계 > 코드로 만드는 디자인' 카테고리의 다른 글
| [ CSS 입문 ] float 속성 (0) | 2018.09.16 |
|---|---|
| [ CSS 입문 ] display 속성 (0) | 2018.09.15 |
| [ CSS 입문 ] border 속성 (0) | 2018.09.13 |
| [ CSS 입문 ] background 속성 (0) | 2018.09.12 |
| [ CSS 입문 ] text-align 속성 (0) | 2018.09.11 |
