CSS #html
-
[HTML/CSS] overflow / overlay / opacity 속성공부/Html OR CSS 2024. 1. 9. 16:52
overflow : 요소내의 컨텐츠가 너무 커서 요소(상자)안에서 다 보여주기 힘들 때 그것을 어떻게 웹브라우저에서 보여줄지 지정하는 속성으로 응용하여 아래에서 차오르는 듯한 애니메이션 효과를 만들 수도 있다. 속성 visible : 내용이 박스를 벗어나도 가려지지 않고 전부 표시됨. hidden : 내용이 박스를 벗어나는 부분을 전부 가림 scroll : 내용이 박스를 벗어나면 스크롤 바가 생겨서 나머지 내용을 볼 수 있음 auto : 내용이 박스를 벗어나면 스크롤 바가 나타남 / 벗어나지 않으면 나타나지 않음 #예시 .testdiv { overflow: auto; } overlay : 요소 위에 나타나는 요소, 주로 애니메이션 이벤트에 사용되는 속성 (1번박스 위에 2번박스를 오버레이한다.) over..