Fonction pow() CSS

Définition et utilisation

CSS pow() La fonction renvoie la valeur de la puissance de x élevé à y (c'est-à-dire X^)y)

Exemple

Utilisation pow() Ajuster le texte dans différents éléments <div> :

div.a {
  font-size: calc(18px * pow(1.5, 2));
}
div.b {
  font-size: calc(18px * pow(1.5, 1));
}
div.c {
  font-size: calc(18px * pow(1.5, 0));
}
div.d {
  font-size: calc(18px * pow(1.5, -1));
}

Essayez-le vous-même

Syntaxe CSS

pow(x, y)
Valeur Description
x Obligatoire. Un nombre (radicande).
y Obligatoire. Un nombre (exponente).

Détails techniques

Version : CSS4

Prise en charge 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.

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

Page(s) associée(s)

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