CSS <integer> 자료형: 정수

CSS <integer> 자료형은 <number>의 한 종류로, 소수점이 없는 온전한 수를 표현합니다.

구문

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

공식적으로 정해진 최대 <integer> 범위는 존재하지 않습니다. Opera 12.1은 최대 2¹⁵-1, IE는 2²⁰-1까지 지원하며, 다른 브라우저는 더 큰 값도 지원합니다. CSS3 Values 명세 논의 중 최소한의 범위를 설정하자는 목소리가 커져서 정하게 됐는데, 가장 최근의 결정은 2012년 4월 LC 단계에서의 [-2²⁷-1; 2²⁷-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    과학적 표기법 불허

명세

CSS Values and Units Module Level 5

브라우저 호환성

MDN `browser-compat-data`
	데스크톱			모바일
	데스크톱			iOS	Android
	Safari	Chrome	Firefox	Safari	Chrome	Firefox	Samsung Internet
`<integer>`