css - overflow 관련속성 총 정리

📌 CSS Overflow 관련 속성 정리 (표)

속성설명주요 값비고

overflow	넘친 콘텐츠 처리 방식	visible, hidden, scroll, auto	기본값 visible
overflow-x	가로(수평) 방향 오버플로우	visible, hidden, scroll, auto	수평 스크롤 여부 결정
overflow-y	세로(수직) 방향 오버플로우	visible, hidden, scroll, auto	수직 스크롤 여부 결정
overflow-wrap	단어가 넘칠 경우 줄 바꿈 처리	normal, break-word, anywhere	word-wrap과 유사
overflow-anchor	스크롤 위치 자동 조정 방지	auto, none	레이아웃 변경 시 자동 스크롤 방지
text-overflow	텍스트가 넘칠 때 표시 방식	clip, ellipsis	overflow: hidden;과 함께 사용해야 적용됨
overflow-clip-margin	넘친 콘텐츠를 숨길 때 여유 공간 지정	length, auto	clip을 대체하는 최신 속성
block-overflow	블록 요소의 넘침 처리	clip, visible	최신 브라우저 지원
inline-overflow	인라인 요소 넘침 처리	clip, visible, ellipsis	inline-size와 함께 사용 가능
contain-intrinsic-size	내부 콘텐츠 크기를 정의	auto, length	레이아웃 최적화