<integer> CSS 자료형<number>의 종류 중 하나로 소수점이 없는 완전한 수, 즉 정수를 표현합니다. 정수는 column-count, counter-increment, grid-column, grid-row, z-index 등 다양한 속성에서 사용할 수 있습니다.

구문

<integer> 자료형은 하나 이상의 0부터 9까지의 10진수 숫자로 구성하며, 선택적으로 +, -로 부호를 표시할 수 있습니다. 따로 연관지어야 하는 단위는 없습니다.

참고: 공식적으로 정해진 <integer> 값의 범위는 없습니다. Opera 12.1은 최대 215-1, IE는 220-1, 그 외 브라우저는 더 큰 값도 지원합니다. CSS3 Values 논의 중 최소한의 범위를 설정하자는 말이 많아서 가장 최근인 2012년 4월 LC 단계에서는 [-227-1; 227-1]으로 결정했습니다. 224-1과 230-1처럼 다른 값도 제안됐습니다. 하지만 최신 명세는 범위를 지정하고 있지 않습니다.

보간

애니메이션에서 <integer> 자료형의 값은 이산적으로 1씩 변화합니다. 계산은 유동소수점 실수를 사용하며 최종 결과인 이산값은 버림 함수를 사용해 얻습니다. 보간의 속도는 애니메이션과 연결된 타이밍 함수가 결정합니다.

예제

유효한 정수

12          양의 정수 (부호 표시 없음)
+123        양의 정수 (+ 부호)
-456        음의 정수
0           0
+0          0, 양의 부호
-0          0, 음의 부호

유효하지 않은 정수

12.0        정수를 표현하지만 <interger>가 아닌 <number>
12.         소수점은 불허
+---12      하나의 +/-만 허용
ten         글자는 불허
_5          특수문자는 불허
\35         유니코드 이스케이프 문자는 정수를 표현하더라도 불허 (\35: 5)
\4E94       아라비아 숫자 외의 다른 표현은 이스케이프 후에도 불허 (\4E94: 일본어 五).
3e4         과학적 표기법 불허

명세

Specification Status Comment
CSS Values and Units Module Level 4
The definition of '<integer>' in that specification.
Editor's Draft  
CSS Values and Units Module Level 3
The definition of '<integer>' in that specification.
Candidate Recommendation  
CSS Level 2 (Revision 1)
The definition of '<integer>' in that specification.
Recommendation Explicit definition.
CSS Level 1
The definition of '<integer>' in that specification.
Recommendation Implicit definition.

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
<integer>Chrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 3Opera Full support YesSafari Full support 1WebView Android Full support ≤37Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support YesSafari iOS Full support 1Samsung Internet Android Full support 1.0

Legend

Full support  
Full support

같이 보기

문서 태그 및 공헌자

이 페이지의 공헌자: alattalatta, mdnwebdocs-bot
최종 변경자: alattalatta,