Style animationIterationCount 속성
- 이전 페이지 animationFillMode
- 다음 페이지 animationName
- 上一层으로 돌아가기 HTML DOM Style 객체
정의 및 사용법
animationIterationCount 속성 설정 또는 반환하여 애니메이션을 재생할 횟수를 정의합니다.
예제
<div> 요소의 animationIterationCount 속성 변경:
document.getElementById("myDIV").style.animationIterationCount = "infinite";
문법
animationIterationCount 속성 반환:
object.style.animationIterationCount
animationIterationCount 속성 설정:
object.style.animationIterationCount = "number|infinite|initial|inherit"
속성 값
| 값 | 설명 |
|---|---|
| number | 애니메이션을 재생할 횟수를 정의하는 숫자입니다. 기본 값은 1입니다. |
| infinite | 애니메이션을 무한히 재생해야 합니다(영원히). |
| initial | 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial. |
| inherit | 부모 요소에서 이 속성을 继承합니다. 참조하십시오 inherit. |
기술 세부 사항
| 기본 값: | 1 |
|---|---|
| 반환 값: | 문자열로, 요소의 animation-iteration-count 속성. |
| CSS 버전: | CSS3 |
브라우저 지원
animationIterationCount CSS3 (1999) 기능입니다.
모든 브라우저는 완전히 지원합니다:
| 크롬 | 에지 | 파이어폭스 | 사파리 | 오페라 | IE |
|---|---|---|---|---|---|
| 크롬 | 에지 | 파이어폭스 | 사파리 | 오페라 | IE |
| 지원 | 지원 | 지원 | 지원 | 지원 | 11 |
관련 페이지
CSS 참조 매뉴얼:animation-iteration-count 속성
- 이전 페이지 animationFillMode
- 다음 페이지 animationName
- 上一层으로 돌아가기 HTML DOM Style 객체
