CSS <number> 자료형: 숫자

CSS <number> 자료형은 숫자, 즉 정수 또는 실수를 표현합니다.

구문

<number> 구문은 <integer>의 구문을 확장합니다. 소수점 이하 값은 . 뒤로 한 개 이상의 10진수 숫자를 붙여 표현하며, 정수를 앞에 붙일 수 있습니다. <number>에는 단위가 없습니다.

보간

애니메이션에서 <number> 값은 부동소수점 실수로서 보간됩니다. 보간 속도는 애니메이션이 사용하는 타이밍 함수가 결정합니다.

예제

유효한 값

12      <integer><number>
4.01    양의 실수
-456.8  음의 실수
0.0 0
+0.0 0, 양의 부호
-0.0 0, 음의 부호
.60     앞의 0 없는 소수점 이하 값
10e3    과학적 표기법
-3.4e-2 복잡한 과학적 표기법

유효하지 않은 값

12.     소수점 뒤에 최소 하나의 숫자가 존재해야 함
+-12.2  하나의 +/-만 허용
12.1.1  하나의 소수점만 허용

명세

브라우저 호환성

IEEdgeChromeSafariFirefox
512111
iOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
14.41841.0
Scientific notation
IEEdgeChromeSafariFirefox
11124310.129
iOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
10.34343294.0
MDN BCD에서 가져오는 데이터입니다.

마지막 업데이트:
이 페이지를 오프라인에서 볼 수 있습니다.

sorto.me

CC BY-SA 4.0

based on MDN (contributors)