-
[CSS] overflow 알아보기HTML & CSS 2023. 2. 28. 17:08
overflow는 요소의 내용물이 해당요소를 감싸고 있는 컨테이너의 크기를 넘어가면
어떤 식으로 처리를 할지 정해줄 수 있습니다.
| 속성값
1. visible
이 속성은 기본값으로 컨테이너를 넘어가는 내용물을
컨테이너 외부에 그대로 표시돼서 다른 콘텐츠를 가릴 수 있습니다.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit facere cupiditate laborum, at laudantium vero ipsum libero quibusdam ducimus temporibus distinctio repellat expedita non doloribus iure accusamus error unde beatae?2. hidden
이 속성은 컨테이너를 넘아가는 내용물을 자르고 안 보이게 숨겨줍니다.
3. scroll
이 속성은 스크롤 막대가 컨테이너에 추가돼서 내용물을 스크롤하면서 볼 수 있습니다.
하지만 내용물이 컨테이너를 넘지 않아도 항상 스크롤이 표시됩니다.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit facere cupiditate laborum, at laudantium vero ipsum libero quibusdam ducimus temporibus distinctio repellat expedita non doloribus iure accusamus error unde beatae?Lorem ipsum dolor sit amet consectetur, adipis4. auto
이 속성은 내용물이 적을 때는 스크롤표시를 안 하고
내용물이 컨테이너를 넘어가면 자동으로 스크롤을 추가해 줍니다.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit facere cupiditate laborum, at laudantium vero ipsum libero quibusdam ducimus temporibus distinctio repellat expedita non doloribus iure accusamus error unde beatae?Lorem ipsum dolor sit amet consectetur, adipisicing elit.'HTML & CSS' 카테고리의 다른 글
[CSS] Pseudo-class 알아보기 (0) 2023.03.10 [CSS] em, rem 알아보기 (0) 2023.03.06 [CSS] position 속성 (0) 2023.02.27 [CSS] flex 알아보기 (0) 2023.02.23 [HTML] strong, b 태그로 강조하기 (0) 2023.02.22