CSS calc() Funktion

Definition und Verwendung

CSS calc() Die Funktion führt die Berechnung durch und verwendet das Ergebnis als Attributwert.

Beispiel

Verwenden Sie calc() Berechnen Sie die Breite des <div>-Elements:

#div1 {
  position: absolute;
  left: 50px;
  width: calc(100% - 100px);
  border: 1px solid black;
  background-color: yellow;
  padding: 5px;
  text-align: center;
}

Probieren Sie es selbst aus

CSS Syntax

calc(expression)
Wert Beschreibung
expression

Erforderlich. Ein mathematischer Ausdruck, dessen Ergebnis als Wert verwendet wird.

Es können die folgenden Operatoren verwendet werden: +, -, *, /.

Technische Details

Version: CSS3

Browser-Unterstützung

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

Chrome Edge Firefox Safari Opera
26 9 16 7 15

Verwandte Seiten

Referenz:CSS acos() Funktion

Referenz:CSS asin() Funktion

Referenz:CSS atan() Funktion

Referenz:CSS atan2() 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

Referenz:CSS tan() Funktion