Style textOverflow 속성
- 이전 페이지 textIndent
- 다음 페이지 textShadow
- 上一层으로 돌아가기 HTML DOM Style 객체
정의와 사용법
textOverflow
속성이 정의된다. 텍스트가 포함 요소를 초과할 때 어떤 동작이 일어나야 하는지 정의합니다.
추가로 참조:
CSS 참조 설명서:text-overflow 속성
예제
textOverflow 속성 변경:
document.getElementById("myDIV").style.textOverflow = "ellipsis";
문법
textOverflow 속성 반환:
object.style.textOverflow
textOverflow 속성 설정:
object.style.textOverflow = "clip|ellipsis|string|initial|inherit"
속성 값
값 | 설명 |
---|---|
clip | 기본 값. 잘리는 텍스트. |
ellipsis | 자르기된 텍스트를 나타내기 위해 세미콜론 (")를 렌더링합니다. |
string | 주어진 문자열을 표현하여 잘리는 텍스트를 렌더링합니다. |
initial | 이 속성을 기본 값으로 설정합니다. 참조: initial。 |
inherit | 부모 요소에서 이 속성을 继承합니다. 참조: inherit。 |
기술적인 세부 사항
기본 값: | clip |
---|---|
반환 값: | 문자열로 표현된 요소 text-overflow 속성。 |
CSS 버전: | CSS3 |
브라우저 지원
크롬 | 에지 | 파이어폭스 | 사파리 | 오페라 |
---|---|---|---|---|
크롬 | 에지 | 파이어폭스 | 사파리 | 오페라 |
지원 | 지원 | 지원 | 지원 | 지원 |
- 이전 페이지 textIndent
- 다음 페이지 textShadow
- 上一层으로 돌아가기 HTML DOM Style 객체