Fonction log() CSS

Définition et utilisation

Fonction log() CSS de log() La fonction retourne le logarithme naturel du nombre spécifié (de base E), ou retourne le logarithme de la base spécifiée.

Le nombre constant naturel E (2.718281828459045) est la base du logarithme naturel.

Exemple

Utiliser log() Calculer la largeur :

div.a {
  width: calc(log(50, 10) * 30px);
}
div.b {
  width: calc(log(500) * 30px);
}
div.c {
  width: calc(log(1000) * 30px);
}
div.d {
  width: calc(log(10000, 10) * 30px);
}
div.e {
  width: calc(log(50000, 10) * 30px);
}

Essayez-le vous-même

Syntaxe CSS

log(number, base)
Valeur Description
number Obligatoire. Spécifie le nombre ou la valeur pour lequel vous devez calculer le logarithme.
base Optionnel. Spécifie la base du logarithme. La valeur par défaut est E (2.718281828459045).

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

Pages associées

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 mod() CSS

Référence :Fonction pow() CSS

Référence :Fonction sin() CSS

Référence :Fonction sqrt() CSS

Référence :Fonction tan() CSS