display : 박스를 배치하거나 고유의 속성을 바꿔주는 속성
display는 '보여주다'라는 의미로 블록요소와 인라인 요소의 특징을 바꿀때 사용한다.display 종류
- ★ display : block;
해당 요소를 block속성으로 바꾸거나 none으로 숨긴 요소를 다시 나타낼때 사용한다.
- display : inline;
해당 요소를 inline속성으로 바꿈.
- display : inline-block;
해당 요소를 inline-block속성으로 바꿀 때 사용한다.
- ★ display : none;
해당 요소를 화면에서 영역까지 모두 숨긴다.visibillity : 영역은 남겨둔 채 요소만 숨기는 속성
display : none을 사용하면 해당 요소가 차지하고 있던 공간과 해당 요소를 모두 숨겨준다.
하지만 영역은 남겨둔채 요소의 모양만
숨기고 싶다면 visibillity를 사용할 수 있다.visibillity 종류
- visibillity : hidden;★
요소가 차지하고 있던 공간은 그대로 둔 채 요소만 숨긴다.
- visibillity : visible;
기본값으로 요소와 공간을 그대로 보여준다.
Hi