FLOW

FLOW

overflow -- 박스를 넘쳐난 상태(흐름) 조정한다.

부모 박스의 영역을 자식 박스가 넘어서게 될 때 화면에 어떻게 렌더링 할지 결정하게 된다.

단, 요소의 가로, 세로값이 지정된 상태에서 표현 가능 하다.

auto 자동 값을 사용할 경우

  • 흐름이 넘치면 x/y 축 모두 스크롤 바가 자동으로 생긴다.

  • 흐름이 넘치지 않으면 스크롤 바는 보이지 않는다.

  • 키보드로 컨트롤 불가능하다.

  • visible

    • 기본값, 흐름이 넘친 영역이 모두 보여진다.

    • auto, hidden 속성을 초기화된다.

  • hidden : 흐름이 넘친 영역이 모두 감춰진다.

  • scroll : x/y축 스크롤이 무조건 보인다.

  • overflow-x : x축 방향만 overflow 설정을 수행한다.

  • overflow-y : y축 방향만 overflow 설정을 수행한다.

Last updated