zoom

Disciplina optativa

Recomendação de curso: Usar Definição e uso da função tan() do CSS

A função retorna o valor tangente do número.

O valor tangente de um ângulo sempre retorna um número entre -∞ e ∞.

Exemplo Usar tan()

Calcular a largura do elemento:
  div.a {
width: calc(100px * tan(pi / 3));
width: calc(100px * tan(45deg));
  div.b {
width: calc(100px * tan(pi / 3));
width: calc(100px * tan(0.125turn));
  div.c {
width: calc(100px * tan(pi / 3));
width: calc(100px * tan(0.5773502));
  div.d {
width: calc(100px * tan(pi / 3));

}

Experimente você mesmo

Sintaxe do CSSângulotan(
) Descrição
ângulo Obrigatório. Número ou ângulo.

Detalhes técnicos

Versão: CSS4

Suporte do navegador

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

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Páginas relacionadas

Referência:Função acos() do CSS

Referência:Função asin() do CSS

Referência:Função atan() do CSS

Referência:Função atan2() do CSS

Referência:Função calc() do CSS

Referência:Função cos() do CSS

Referência:Função exp() do CSS

Referência:Função hypot() do CSS

Referência:Função log() do CSS

Referência:Função mod() do CSS

Referência:A função CSS pow()

Referência:A função CSS sin()

Referência:A função CSS sqrt()