Funkcja sqrt() CSS

Definicja i użycie

CSS sqrt() funkcja zwraca pierwiastek kwadratowy liczby.

przykład

w calc() jest używany w funkcji sqrt() Ustaw szerokość i wysokość trzech elementów <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;
}

Spróbuj sam

Gramatyka CSS

sqrt(x)

Szczegóły techniczne

Obsługa przeglądarek

Liczby w tabeli oznaczają pierwszą wersję przeglądarki, która w pełni obsługuje tę funkcję.

Strony związane

Odniesienie:Funkcja acos() CSS

Odniesienie:Funkcja asin() CSS

Odniesienie:Funkcja atan() CSS

Odniesienie:Funkcja atan2() CSS

Odniesienie:Funkcja calc() CSS

Odniesienie:Funkcja cos() CSS

Odniesienie:Funkcja exp() CSS

Odniesienie:Funkcja hypot() CSS

Odniesienie:Funkcja log() CSS

Odniesienie:Funkcja mod() w CSS

Odniesienie:Funkcja sin() w CSS

Odniesienie:Funkcja tan() w CSS