CSS log() 함수

정의와 사용법

CSS의 log() 함수는 지정된 숫자의 자연 지수(기본 값 E를 기준으로) 또는 지정된 기본 값을 반환합니다.

자연 상수 E(2.718281828459045)는 자연 지수의 기본 값입니다.

예제

사용 log() 계산된 너비：

div.a {
  width: calc(log(50, 10) * 30px);
}
div.b {
  width: calc(log(500) * 30px);
}
div.c {
  width: calc(log(1000) * 30px);
}
div.d {
  width: calc(log(10000, 10) * 30px);
}
div.e {
  width: calc(log(50000, 10) * 30px);
}

직접 시도해 보세요

CSS 문법

log(number, base)
값 설명
number 필수. 계산할 지수 또는 값을 지정합니다.
base 선택 사항. 지수의 기본 값을 지정합니다. 기본 값은 E(2.718281828459045)입니다.

기술 세부 사항

버전： CSS4

浏览器支持

표中的数字表示首个完全支持该函数的浏览器版本。

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

관련 페이지

참조:CSS acos() 함수

참조:CSS asin() 함수

참조:CSS atan() 함수

참조:CSS atan2() 함수

참조:CSS calc() 함수

참조:CSS cos() 함수

참조:CSS exp() 함수

참조:CSS hypot() 함수

참조:CSS mod() 함수

참조:CSS pow() 함수

참조:CSS sin() 함수

참조:CSS 제곱근() 함수

참조:CSS 탄() 함수