display,visibility 속성 정리
Study/Markup
2017. 1. 5. 13:54
display 속성
display: inline 기본값으로, 요소를 inline 요소처럼 표시합니다. => 앞뒤로 줄바꿈 되지 않습니다.
display: block 요소를 block 요소처럼 표시합니다. => 따라서 요소 앞 뒤로 줄바꿈 됩니다
display: none 박스가 생성되지 않습니다. => 따라서 공간을 차지하지도 않습니다.
display: inline-block 요소는 inline인데 내부는 block 처럼 표시함. => 즉, 박스 모양이 inline 처럼 옆으로 늘어섬.
visibility 속성
visibility: visible 기본값으로 요소가 그대로 보입니다.visibility: hidden 요소가 보이지 않지만, 여전히 그 공간을 차지하며 투명하게 남습니다.
visibility: collapse <table> 태그에서만 사용할 수 있는 값으로, 선택 테이블의 행과 열을 숨깁니다.
하지만 여전히 투명하게 공간을 차지 합니다.
<table> 이외에서 사용하면 hidden 상태처럼 만듭니다.
(collapse는 IE, Firefox에서만 작동)
참고 : http://aboooks.tistory.com/85
'Study > Markup' 카테고리의 다른 글
display,visibility 속성 정리 (0) | 2017.01.05 |
---|---|
display: inline-block 여백이 생기는 현상 (0) | 2017.01.05 |
중요한 개인정보는 필요한 경우가 아닌 경우 적지 마시고, 적으셨다면 비밀글 설정을 꼭 해주시기 바랍니다.
스팸 필터 정책에 의해 영문만으로 작성된 글이나 무의미한 내용의 글은 등록이 되지 않을 수도 있습니다.
스팸 필터 정책에 의해 영문만으로 작성된 글이나 무의미한 내용의 글은 등록이 되지 않을 수도 있습니다.