요약

text-overflow-ellipsis CSS 속성은 표시되지 않는 오버플로 된 콘텐츠에 대한 힌트를 제어합니다. 사용자에게 신호를 보냅니다. 힌트의 존재는 CSS 속성 text-overflow-mode로 제어됩니다. 속기 속성은 텍스트 오버플로입니다.

개요 테이블

초기 값 U+2026 블록 수준 및 인라인 블록 요소에 적용됩니다. 상 속됨 미디어 없음 시각적 계산 된 값 지정된 값 (초기 및 상속 제외) 애니메이션 가능 CSS 개체 모델 속성 없음 text-overflow-ellipsis 백분율 N / A

구문

• text-overflow-ellipsis: string

값

문자열 값은 기본 UTF-8 문자 ‘U + 2026’과 같은 문자열 또는 URI로 정의되며 텍스트 오버플로 모드 속성의 줄임표입니다. 값이 URI로 정의 된 경우 URL 뒤에 이미지가 표시됩니다. 또한 두 값을 모두 설정하면 끝에서 오버플로 시각적 힌트를 결정하고 요소 상자 뒤의 힌트를 결정할 수 있습니다. 후자의 시각적 힌트는 요소 블록의 치수 제한으로 인해 잘린 콘텐츠가있는 경우에만 표시됩니다.

예

실시간 예보기

실시간 예보기

사용

참고

요소 상자 뒤의 오버플로 시각적 힌트의 초기 값 (U + 2026)은 일부 상황에서 쉽게 렌더링되지 않을 수 있으므로 사용자 에이전트는 3 개의 FULL STOP 문자 시퀀스로 대체 할 수 있습니다. (U + 002E).

참조

CSS 속성

• background-blend-mode

• 배경 위치

• 중단 전

• 높이

• 목록 스타일

• 목록 스타일 위치

• 텍스트 오버플로 줄임표

• 텍스트 오버플로 모드

• 텍스트 렌더링

• 사용자 선택

• 같음

• 속성 선택기

• 하이픈

• 접두사

• 하위 문자열

• 접미사

• 기준 이동

• 자바 스크립트 애니메이션

텍스트

• 블록 진행

• font-language-override

• font-size

• hyphenate-limit-chars

• hyphenate-limit-lines

• hyphenate-limit-zone

• 하이픈

• ime-mode

• layout-grid

• layout-grid-char

• 레이아웃 그리드 라인

• 레이아웃 그리드 모드

• 레이아웃 그리드 유형

• 글자 간격

• 텍스트 오버플로 생략

• 텍스트 오버플로 모드

• 텍스트 렌더링

• 사용자 수정

• 텍스트

• 크기

• b

• b

• br

• br

• 캡션

• 인용

• 코드

• del

• dfn

• em

• 글꼴

• 시간

• i

• 인

• kbd

• 마크

• samp

• strong

• 캔으로 활자체 효과 얻기 vas 태그