CSS 스크롤 바, 요소 숨김 관련 설정

스크롤을 만드는 것은 overflow 속성을 이용해서 할 수 있다.

 

overflow

    - 속성이 적용되는 요소를 벗어나는 내용에 대한 설정
    - 값
        visible     : [기본값] 별도의 조치 없이 보이게 함
        auto        : 필요한 경우 스크롤바 적용
        hidden      : 벗어나는 내용을 보이지 않게 한다.
        scroll      : 항상 스크롤바 적용

    - 형태
        [값1]       : 가로축과 세로축에 값1 적용
        [값1 값2]   : 가로축에 값1, 세로축에 값2 적용

overflow-x

    - 속성이 적용되는 요소를 가로축으로 벗어나는 내용에 대한 설정
    - 값
        visible     : [기본값] 별도의 조치 없이 보이게 함
        auto        : 필요한 경우 스크롤바 적용
        hidden      : 벗어나는 내용을 보이지 않게 한다.
        scroll      : 항상 스크롤바 적용

overflow-y

    - 속성이 적용되는 요소를 세로축으로 벗어나는 내용에 대한 설정
    - 값
        visible     : [기본값] 별도의 조치 없이 보이게 함
        auto        : 필요한 경우 스크롤바 적용
        hidden      : 벗어나는 내용을 보이지 않게 한다.
        scroll      : 항상 스크롤바 적용