CSS calc() Funktion
- Vorherige Seite CSS brightness() Funktion
- Nächste Seite CSS circle() Funktion
- Zurück zur übergeordneten Ebene CSS-Funktion-Referenzhandbuch
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; }
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
- Vorherige Seite CSS brightness() Funktion
- Nächste Seite CSS circle() Funktion
- Zurück zur übergeordneten Ebene CSS-Funktion-Referenzhandbuch