CSS tan() 函数

定义和用法

CSS 的 tan() 函数返回数的正切值。

一个角度的正切值总是返回 -∞ 到 ∞ 之间的一个数。

实例

使用 tan() 计算元素的宽度：

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

亲自试一试

CSS 语法

tan(angle)
值 描述
angle 必需。数或角度。

技术细节

版本： CSS4

浏览器支持

表格中的数字表示首个完全支持该函数的浏览器版本。

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

ຫົວຂໍ້ບັນຫາຄົນນຶ່ງ

参考：ຫົວຂໍ້ CSS 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() 函数