CSS pow() 함수

정의와 사용법

CSS pow() 함수는 한 수(x)의 다른 수(y)의 차원의 값을 반환합니다(즉 X^)y)

예제

사용 pow() 다른 <div> 요소에서 텍스트를 조정하십시오:

div.a {
  font-size: calc(18px * pow(1.5, 2));
}
div.b {
  font-size: calc(18px * pow(1.5, 1));
}
div.c {
  font-size: calc(18px * pow(1.5, 0));
}
div.d {
  font-size: calc(18px * pow(1.5, -1));
}

직접 테스트해 보세요

CSS 문법

pow(x, y)
값 설명
x 필수. 한 수(기본수).
y 필수. 한 수(지수).

기술 세부 사항

버전： CSS4

브라우저 지원

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

크롬 에지 파이어폭스 사파리 오페라
120 120 118 15.4 106

관련 페이지

참조:CSS acos() 함수

참조:CSS asin() 함수

참조:CSS atan() 함수

참조:CSS atan2() 함수

참조:CSS calc() 함수

참조:CSS cos() 함수

참조:CSS exp() 함수

참조:CSS hypot() 함수

참조:CSS log() 함수

참조:CSS mod() 함수

참조:CSS 신() 함수

참조:CSS 탄() 함수