CSS 참조 매뉴얼

CSS @규칙(RULES)

text-overflow CSS 속성은 텍스트 컨테이너가 표시되지 않도록 설정할 때(보이지 않는 것이 아니라 표시되지 않는 경우) 사용됩니다.overflow의 불연속적인 컨테이너 요소에서 텍스트 내용을 어떻게 표시할지에 대해 설명합니다.

아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 설명합니다.

기본 값:	clip
적용 가능:	불연속적인 컨테이너
thừa kế:	없음
애니메이션 가능:	아니요.참조하십시오 애니메이션 속성。
버전:	CSS3의 새 기능
JavaScript 문법:	객체.style.textOverflow="ellipsis"

주의:예를 들어, nowrap의 공백 공간이나 단일 단어가 너무 길어서 포함할 수 없을 때, 텍스트가 넘칠 수 있습니다. 이로 인해 텍스트가 넘칠 수 있습니다.

이 속성의 문법은 다음과 같습니다：

text-overflow:　clip　|　ellipsis　|　string　|　initial　|　inherit

아래 예제는 text를 사용하는 방법을 보여줍니다。-overflow 속성。

예제

　　p　{
　overflow:　hidden;
　white-space:　nowrap;
　　　text-overflow:　ellipsis;
　　}

아래 표는 이 속성의 값을 설명합니다。

값	설명
clip	clip을 사용하여 텍스트 내용에 맞게 잘리는 텍스트를 맞춥니다. 문자는 부분적으로 렌더링될 수 있습니다。
ellipsis	점점 줄임 문자('...'）를 잘려진 텍스트 대신 사용합니다。
string	지정된 문자열을 사용하여 잘려진 텍스트를 표현합니다. 이 문자열은 내용区域内에 표시되어 표시되는 텍스트 크기를 줄입니다. 문자열을 표시할 위치가 충분하지 않으면 문자열은 잘립니다。
initial	이 속성을 기본 값으로 설정합니다。
inherit	지정되면, 부모 요소의 text 속성을 사용하는 관련 요소가 선택됩니다。-overflow 속성 값。

text-overflow 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다。

	Firefox 7+ Google Chrome1+ Internet Explorer 6+ Apple Safari 1+ Opera 9+

주의: Internet Explorer가 지원-ms-text-overflow를 사용할 수 있는 동의어의 프리픽스 버전 text-overflow。Opera 9와10지원되는 프리픽스 버전-o-text-overflow。

다음 내용에 대한 튜토리얼을 참조하십시오:CSS Overflow와CSS Text。