텍스트가 컨테이너 내에서 모두 표시되지 못할 경우 사용자에게 알리는 방식을 설정한다.
white-space
속성을 nowrap
를 지정하고 overflow
속성을 hidden
으로 지정해서 함께 사용한다.
처음에는 CSS Basic User Interface Module Level 3(CSS3 UI)에서 정의되었으나 이후 CSS Overflow Module Level 3로 옮겨졌다.
clip | ellipsis
블록 컨테이너 요소를 벗어나는 인라인 콘텐츠를 잘라낸다. 문자는 부분적으로만 렌더링될 수 있다.
줄임표를 렌더링하여 잘린 인라인 콘텐츠를 나타낸다. 보통 점 세 개 '...'로 표시한다.
다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.
블록 컨테이너 요소를 벗어나는 인라인 콘텐츠를 잘라낸다. 문자는 부분적으로만 렌더링될 수 있다.
줄임표를 렌더링하여 잘린 인라인 콘텐츠를 나타낸다. 보통 점 세 개 '...'로 표시한다.
text-overflow: ellipsis;
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Overflow Module Level 3 | 초안 작업 | Last review date: 2022-10-20 |