가시 속성의 종류
태그 | 내용 |
display | 요소의 성질 설정 |
opacity | 요소의 투명도 설정 [0.0(투명한 상태) ~ 1.0 (불투명 상태)중 입력] |
visibility | 요소를 보이거나 보이지 않게 설정 |
overflow | 지정한 영역에 요소들이 벗어났을 때 속성 설정 |
overflow-x | X축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성 설정 |
overflow-y | Y축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성 설정 |
1. display의 속성
속성 | 내용 |
none | 해당 태그를 사라지게 지정 (visibility:hidden과는 다르게 화면에서 빈공간마저 제거) |
block | block 형식으로 지정 |
inline | inline 형식으로 지정 (width와 height 미적용) |
inline—block | inline-block 형식으로 지정 (width와 height 적용) |
2. visibility의 속성
속성 | 내용 |
visible | 태그를 보이게 지정 |
hidden | 태그를 보이지 않게 지정 (display:none과는 다르게 빈공간이 보임) |
collapse | table 태그를 보이지 않게 지정 |
'프로그래밍 > HTML&CSS' 카테고리의 다른 글
폰트 속성 (0) | 2020.05.19 |
---|---|
CSS 박스 & 이미지 속성 (0) | 2020.05.18 |
CSS 단위 (0) | 2020.05.17 |
CSS 선택자 정리 (0) | 2020.05.17 |
block 요소와 inline요소 (0) | 2020.05.17 |