CSS/Funktionen/calc()
Die calc()-Funktion ermöglicht es Berechnungen durchzuführen, deren Ergebnis dann als CSS-Wert einer Eigenschaft zugewiesen wird. calc() kann überall dort verwendet werden, wo eine CSS Eigenschaft eine Integer- oder Fließkommazahl, eine Längenangabe, einen Prozentwert, ein Winkelmaß, eine Zeitangabe oder eine Frequenzangabe erwartet (Frequenzangaben sind in CSS vorgesehen, aber derzeit noch unbenutzt)..
Parameter |
Einziger Parameter ist eine mathematischer Ausdruck. Darin sind vor allem die Operatoren Plus ( |
---|---|
anwendbar auf | Das Ergebnis von calc() hat den gleichen Typ wie die genutzten Operanden. Sie können innerhalb von calc() also nur Werte verwenden, die für die jeweilige Eigenschaft zulässig sind.
|
Browsersupport | caniuse: calc |
width: calc(100% - 2 * 3px); width: calc(100% / 3);
min-width: calc((80% + 4px) / 2 ) );width
), so wird die Eigenschaft ignoriert.Weblinks
- W3C: Mathematical Expressions: calc()
- MDN: calc()
Siehe auch
- Self-Forum: calc() rechnet falsch? vom 26.09.2017
- Programmiertechnik/Rechnerarithmetik
- Berechnungen und Vergleiche
- calc()
- clamp()
- min()
- max()
- Math-Funktionen