본문 바로가기

프로그래밍/HTML&CSS

가시 속성

가시 속성의 종류

태그 내용
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