Fonction sqrt() CSS

Définition et utilisation

Fonction sqrt() CSS sqrt() La fonction retourne la racine carrée d'un nombre.

Exemple

Dans calc() Utilisé dans la fonction sqrt() Pour définir la largeur et la hauteur des trois éléments <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;
}

Essayez-le vous-même

Syntaxe CSS

sqrt(x)

Détails techniques

Support du navigateur

Les nombres dans le tableau représentent la version du navigateur qui prend en charge complètement la fonction pour la première fois.

Page connexe

Référence :Fonction acos() CSS

Référence :Fonction asin() CSS

Référence :Fonction atan() CSS

Référence :Fonction atan2() CSS

Référence :Fonction calc() CSS

Référence :Fonction cos() CSS

Référence :Fonction exp() CSS

Référence :Fonction hypot() CSS

Référence :Fonction log() CSS

Référence :Fonction mod() CSS

Référence :Fonction sin() CSS

Référence :Fonction tan() CSS