ฟังก์ชัน tan() ของ CSS

การประกาศและการใช้งาน

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

tan(มุม)
ค่า การอธิบาย
มุม จำเป็น ตัวเลขหรือมุม

รายละเอียดเทคโนโลยี

เวอร์ชั่น： 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() ฟังก์ชัน