overflow

[2021/12/20]국비지원 CSS3 2-(3) overflow

overflow : 일정한 박스, 영역 안의 내용이 그 바깥까지 과하게(over) 넘치는(flow) 것에 대한 속성. x축, y축 통합 설정 overflow-x : x축으로 넘침 overflow-y : y축으로 넘침 hidden : 무조건 숨김 scroll : x축 y축 둘 다 스크롤바가 생김 auto : 자동으로 조정 (x축으로 넘칠 것 같으면 x축 스크롤바, y축으로 넘칠 것 같으면 y축 스크롤바) visible : default. 영역 무시하고 전체 표시 overflow 속성의 적용 결과 콘텐츠의 내용이 박스의 크기를 넘어가는 경우 박스 크기만큼만 보이고 나머지 콘텐츠는 보이지 않도록 숨길 수 있다. 박스의 크기와 콘텐츠의 내용과 상관없이 박스에 스크롤바를 생성할 때는 overflow:scroll;..