더 "Try it Yourself" 아래의 예.
정의 및 사용
텍스트 플로우 속성은 사용자에 시그널링해야 표시되지 않는 방법 넘친 콘텐츠를 지정한다.
기본값: | clip |
---|---|
상속 : | no |
애니메이션 : | no. Read about animatable |
번역: | CSS3 |
자바 스크립트 구문 : | object .style.textOverflow="ellipsis" Try it |
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
-O- 다음 숫자는 접두사와 함께 일 첫 번째 버전을 지정합니다.
재산 | |||||
---|---|---|---|---|---|
text-overflow | 4.0 | 6.0 | 7.0 | 3.1 | 11.0 9.0 -O- |
CSS 구문
text-overflow: clip|ellipsis|string|initial|inherit;
속성 값
값 | 기술 | 플레이 |
---|---|---|
clip | 기본값. 클립 텍스트 | »플레이 |
ellipsis | 줄임표 렌더링 ("...") 클립 텍스트를 표현하기 위해 | »플레이 |
string | 잘린 텍스트를 나타내는 지정된 캐릭터 라인을 렌더링 | |
initial | 기본값으로이 속성을 설정합니다. 초기에 대해 알아보기 | »플레이 |
inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
더 예
호버 효과 텍스트 오버플로
이 예제에서는 요소를 통해 전체 텍스트 마우스 오버를 표시하는 방법을 보여줍니다.
관련 페이지
CSS3 튜토리얼 : CSS3 텍스트 효과
HTML DOM 참조 : textOverflow property