Função log() do CSS

Definição e uso

A função log() do CSS log() A função retorna o logaritmo natural do número especificado (com base em E) ou o logaritmo do número especificado com base na base.

O número constante natural E (2.718281828459045) é a base do logaritmo natural.

Exemplo

Usar log() Calcular largura:

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

Experimente você mesmo

Sintaxe do CSS

log(number, base)
Valor Descrição
number Obrigatório. Especifica o número ou valor para o qual será calculado o logaritmo.
base Opcional. Especifica o número de base do logaritmo. O valor padrão é E (2.718281828459045).

Detalhes técnicos

Versão: CSS4

Suporte do navegador

Os números na tabela representam a versão do navegador que suporta plenamente a função pela primeira vez.

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

Páginas relacionadas

Função sqrt() do CSSFunção acos() do CSS

Função sqrt() do CSSFunção asin() do CSS

Função sqrt() do CSSFunção atan() do CSS

Função sqrt() do CSSFunção atan2() do CSS

Função sqrt() do CSSFunção calc() do CSS

Função sqrt() do CSSFunção cos() do CSS

Função sqrt() do CSSFunção exp() do CSS

Função sqrt() do CSSFunção hypot() do CSS

Função sqrt() do CSSFunção mod() do CSS

Função sqrt() do CSSFunção pow() do CSS

Função sqrt() do CSSFunção sin() do CSS

Função sqrt() do CSSCSS sqrt() 函数

Função sqrt() do CSSReferência: