Функция sqrt() 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

Поддержка браузеров

Числа в таблице указывают на версию первого браузера, который полностью поддерживает эту функцию.

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

Соответствующие страницы

См. также:Функция acos() CSS

См. также:Функция asin() CSS

См. также:Функция atan() CSS

См. также:Функция atan2() CSS

См. также:Функция calc() CSS

См. также:Функция cos() CSS

См. также:Функция exp() CSS

См. также:Функция hypot() CSS

См. также:Функция log() CSS

См. также:Функция mod() в CSS

См. также:Функция sin() в CSS

См. также:Функция tan() в CSS