CSS sqrt() 함수

정의와 사용법

CSS의 sqrt() 함수는 숫자의 제곱근을 반환합니다.

예제

내에서 calc() 함수에서 사용 sqrt() 세 개의 <div> 요소의 너비와 높이를 설정합니다:

div.a {
  width: calc(50px * sqrt(16)); /* 200px */
  height: calc(50px * sqrt(9)); /* 150px */
  background-color: salmon;
  margin-bottom: 25px;
}
div.b {
  width: calc(20px * sqrt(16)); /* 80px */
  height: calc(20px * sqrt(9)); /* 60px */
  background-color: green;
  margin-bottom: 25px;
}
div.c {
  width: calc(60px * sqrt(16)); /* 240px */
  height: calc(60px * sqrt(9)); /* 180px */
  background-color: maroon;
}

직접 시도해 보세요

CSS 문법

sqrt(x)
값 설명
x 필수. 0보다 크거나 같은 수.

기술 세부 사항

버전: CSS4

브라우저 지원

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

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

관련 페이지

참조:CSS 아코스() 함수

참조:CSS 아신() 함수

참조:CSS 아tan() 함수

참조:CSS 아tan2() 함수

참조:CSS 캘크() 함수

참조:CSS 코스() 함수

참조:CSS 응력() 함수

참조:CSS 히포() 함수

참조:CSS 로그() 함수

참조:CSS 모드() 함수

참조:CSS 심() 함수

참조:CSS 타나() 함수