zoom

Выборочные курсы

Рекомендации по курсу: Использовать Функция tan() CSS

Функция возвращает тангенс числа.

Число, возвращаемое тангенсом угла, всегда лежит в интервале от -∞ до ∞.

Пример Использовать tan()

Рассчитать ширину элемента:
  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));

}

Попробуйте сами

Синтаксис CSSangletan(
) Описание
angle Обязателен. Число или угол.

Технические детали

Версия: CSS4

Поддержка браузеров

Числа в таблице показывают версию первого браузера, который полностью поддерживает эту функцию.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Связанные страницы

См. также:Функция acos() CSS

См. также:Функция asin() CSS

См. также:Функция atan() CSS

См. также:Функция atan2() CSS

См. также:Функция calc() CSS

См. также:Функция cos() CSS

См. также:Функция exp() CSS

См. также:Функция hypot() CSS

См. также:Функция log() CSS

См. также:Функция mod() CSS

См. также:Функция pow() в CSS

См. также:Функция sin() в CSS

См. также:Функция sqrt() в CSS