<number>

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

구문

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

보간

애니메이션에서 <number> 자료형의 값은 유동소수점 실수를 사용해 보간합니다. 보간의 속도는 애니메이션과 연결된 timing function이 결정합니다.

예제

유효한 숫자

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      하나의 소수점만 허용

명세

Specification Status Comment
CSS Values and Units Module Level 3
The definition of '<number>' in that specification.
Candidate Recommendation No significant change.
CSS Level 2 (Revision 1)
The definition of '<number>' in that specification.
Recommendation Explicit definition.
CSS Level 1
The definition of '<number>' in that specification.
Recommendation Implicit definition.

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
<number>Chrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 5Opera Full support 2Safari Full support 1WebView Android Full support 1Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 10.1Safari iOS Full support 1Samsung Internet Android Full support 1.0
Scientific notationChrome Full support 43Edge Full support 12Firefox Full support 29IE Full support 11Opera Full support 30Safari Full support 10.1WebView Android Full support 43Chrome Android Full support 43Firefox Android Full support 29Opera Android Full support 30Safari iOS Full support 10.3Samsung Internet Android Full support 4.0

Legend

Full support  
Full support

같이 보기