Properties

Properties

Editing
  • account_tree
  • bug_report

text-overflow

텍스트가 컨테이너 내에서 모두 표시되지 못할 경우 사용자에게 알리는 방식을 설정한다.

설명

white-space 속성을 nowrap를 지정하고 overflow 속성을 hidden으로 지정해서 함께 사용한다.

처음에는 CSS Basic User Interface Module Level 3(CSS3 UI)에서 정의되었으나 이후 CSS Overflow Module Level 3로 옮겨졌다.

사용 가능한 값 타입

<'text-overflow'>

DEVDIC-Specified Data Types

text-overflow 속성에 사용되는 타입이다.

  • CSS Overflow Module Level 3
    clip | ellipsis

사용되는 키워드

  • clip

    CSS Overflow Module Level 3

    블록 컨테이너 요소를 벗어나는 인라인 콘텐츠를 잘라낸다. 문자는 부분적으로만 렌더링될 수 있다.

  • ellipsis

    CSS Overflow Module Level 3

    줄임표를 렌더링하여 잘린 인라인 콘텐츠를 나타낸다. 보통 점 세 개 '...'로 표시한다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • CSS Overflow Module Level 3

    블록 컨테이너 요소를 벗어나는 인라인 콘텐츠를 잘라낸다. 문자는 부분적으로만 렌더링될 수 있다.

  • CSS Overflow Module Level 3

    줄임표를 렌더링하여 잘린 인라인 콘텐츠를 나타낸다. 보통 점 세 개 '...'로 표시한다.

구문

  • text-overflow: ellipsis;
    CSS Overflow Module Level 3

테스트 도구

잘린 텍스트에 대한 출력 테스트

버전 명세

Modules
Module NameStatusSummary
CSS Overflow Module Level 3초안 작업

Last review date: 2022-10-20

연관 목록

지원 웹브라우저