<time> CSS 자료형은 시간 값을 초나 밀리초 단위로 나타냅니다. animation, transition과 관련 속성에서 사용합니다.

구문

<time> 자료형은 ​​​​​​<number>와, 그 뒤에 붙는 아래 단위 중 하나로 이루어져 있습니다. 선택 사항으로 하나의 + 또는 - 기호를 맨 앞에 붙일 수 있습니다. 다른 모든 수치와 마찬가지로 단위와 숫자 사이에는 공백이 없습니다.

참고: 0은 단위와 상관 없이 언제나 동일하지만 시간 단위를 생략할 수 없습니다. 즉 0은 유효하지 않은 구문이며 0s0ms를 나타내지 않습니다.

단위

s
시간을 초 단위로 나타냅니다. 예시: 0s, 1.5s, -60s.
ms
시간을 밀리초 단위로 나타냅니다. 예시: 0ms, 150.25ms, -60000ms.

참고: s와 ms의 변환은 1s = 1000ms를 따릅니다.

예제

유효한 시간

12s         양의 정수
-456ms      음의 정수
4.3ms       정수 아닌 실수
14mS        단위는 대소문자 구분을 하지 않지만, 대문자는 추천하지 않음
+0s         + 뒤의 0과 단위
-0ms        - 뒤의 0과 단위

유효하지 않은 시간

0           <length>는 단위 없는 0을 받을 수 있지만, <time>은 불가능
12.0        단위가 없으므로 <number>지만 <time>이 아님
7 ms        수와 단위 사이에 공백은 불허

명세

Specification Status Comment
CSS Values and Units Module Level 3
The definition of '<time>' in that specification.
Candidate Recommendation Normative definition of s and ms.
CSS Level 2 (Revision 1)
The definition of '<time>' in that specification.
Recommendation Informal definition of s and ms.

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic supportChrome Full support YesEdge ? Firefox Full support 4IE Full support 9Opera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesEdge Mobile ? Firefox Android ? Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown

문서 태그 및 공헌자

이 페이지의 공헌자: urty5656
최종 변경자: urty5656,