CSS sqrt() Funktion

Definition und Verwendung

CSS sqrt() Funktion gibt die Quadratwurzel einer Zahl zurück.

Beispiel

in calc() Funktion wird verwendet sqrt() Um die Breite und Höhe der drei <div>-Elemente zu setzen:

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;
}

Versuchen Sie es selbst

CSS Syntax

sqrt(x)

Technische Details

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die Versionsnummer des ersten Browsers dar, der diese Funktion vollständig unterstützt.

Verwandte Seiten

Referenz:CSS acos() Funktion

Referenz:CSS asin() Funktion

Referenz:CSS atan() Funktion

Referenz:CSS atan2() Funktion

Referenz:CSS calc() Funktion

Referenz:CSS cos() Funktion

Referenz:CSS exp() Funktion

Referenz:CSS hypot() Funktion

Referenz:CSS log() Funktion

Referenz:CSS mod() Funktion

Referenz:CSS sin() Funktion

Referenz:CSS tan() Funktion