CSS tan() Funktion

Definition und Verwendung

CSS tan() Die Funktion gibt den Tangens des Numbers zurück.

Der Tangens eines Winkels gibt immer eine Zahl zwischen -∞ und ∞ zurück.

Beispiel

Verwenden Sie tan() Berechnen Sie die Breite des Elements:

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

Versuchen Sie es selbst

CSS Syntax

tan(Winkel)
Wert Beschreibung
Winkel Notwendig. Zahl oder Winkel.

Technische Details

Version: CSS4

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste vollständige Versionsnummer der Browser dar, die diese Funktion unterstützen.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Verwandte Seite

Referenz:CSS acos() Funktion

Referenz:CSS asin() Funktion

Referenz:CSS atan() Funktion

Referenz:CSS atan2() Funktion

Referenz:CSS calc() Funktion

Referenz:CSS cos() Funktion

Referenz:CSS exp() Funktion

Referenz:CSS hypot() Funktion

Referenz:CSS log() Funktion

Referenz:CSS mod() Funktion

Referenz:CSS pow() Funktion

Referenz:CSS sin() Funktion

Referenz:CSS sqrt() Funktion