CSS 텍스트-오버플로우 속성
정의와 사용법
text-overflow 속성은 텍스트가 포함 요소를 벗어나면 발생하는 일을 정의합니다.
다른 것을 참조하세요:
CSS3 강의:CSS3 텍스트 효과
HTML DOM 참조 매뉴얼:textOverflow 속성
CSS 문법
text-overflow: clip|ellipsis|string;
속성 값
| 값 | 설명 | 테스트 |
|---|---|---|
| clip | 텍스트 잘립니다. | 테스트 |
| ellipsis | 잘리는 텍스트를 대표하는 점을 표시합니다. | 테스트 |
| string | 잘리는 텍스트를 대표하는 문자열을 사용합니다. |
기술 세부 사항
| 기본 값: | clip |
|---|---|
| 상속성: | no |
| 버전: | CSS3 |
| JavaScript 문법: | object.style.textOverflow="ellipsis" |
더 많은 예제
- hover 효과가 있는 Text-overflow
- 이 예제에서는 마우스 커서가 요소에 떠있을 때 전체 텍스트가 어떻게 표시되는지 보여줍니다.
브라우저 지원
표의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.
전화 번호 앞에 -o-가 있는 숫자는 접두사를 사용하는 첫 번째 버전을 의미합니다.
| 크롬 | IE / 엣지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|
| 4.0 | 6.0 | 7.0 | 3.1 | 11.0 9.0 -o- |
