CSS calc() 함수

정의와 사용법

CSS의 calc() 함수가 계산을 수행하고 결과를 속성 값으로 사용합니다。

예제

사용 calc() <div> 요소의 너비를 계산하다:

#div1 {
  position: absolute;
  left: 50px;
  width: calc(100% - 100px);
  border: 1px solid black;
  background-color: yellow;
  padding: 5px;
  text-align: center;
}

직접 테스트해 보세요

CSS 문법

calc(expression)
값 설명
expression

필수. 결과로 사용될 수 있는 수학 표현식。

다음 계산자를 사용할 수 있습니다.: +, -, *, /。

기술 세부 사항

버전: CSS3

브라우저 지원

표에서의 숫자는 이 함수를 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
26 9 16 7 15

관련 페이지

참조:CSS acos() 함수

참조:CSS asin() 함수

참조:CSS atan() 함수

참조:CSS atan2() 함수

참조:CSS cos() 함수

참조:CSS exp() 함수

참조:CSS hypot() 함수

참조:CSS log() 함수

참조:CSS mod() 함수

참조:CSS pow() 함수

참조:CSS 심() 함수

참조:CSS 제곱근() 함수

참조:CSS 탄() 함수