<calc-sum>
Der <calc-sum>
CSS Datentyp repräsentiert einen Ausdruck, der eine Berechnung in einer beliebigen CSS-Mathematikfunktion durchführt. Der Ausdruck führt eine grundlegende arithmetische Operation der Addition und Subtraktion zwischen zwei Werten aus.
Syntax
Der <calc-sum>
-Typ definiert zwei numerische Werte und eines der folgenden arithmetischen Operatoren zwischen ihnen.
Formale Syntax
Beschreibung
Die Operanden im Ausdruck können jeden <length>
-Syntaxwert haben. Sie können <length>
, <frequency>
, <angle>
, <time>
, <percentage>
, <number>
oder <integer>
verwenden.
Unterschiedliche Einheitentypen können in einem einzigen Ausdruck verwendet werden. Zum Beispiel ist das Subtrahieren von px
von %
, wie in calc(100% - 10px)
, ein gültiger Ausdruck.
Auch das Einbeziehen von CSS-Variablen in calc-sum
-Ausdrücken ist erlaubt. Der folgende Code calc(10px + var(--variable))
, ist ein gültiger Ausdruck.
Die +
und -
Operatoren müssen von Leerzeichen umgeben sein. Beispielsweise wird calc(50% -8px)
als Prozentwert gefolgt von einer negativen Länge geparst — ein ungültiger Ausdruck — während calc(50% - 8px)
ein Prozentwert ist, gefolgt von einem Subtraktionsoperator und einer Länge. Ebenso wird calc(8px + -50%)
als Länge gefolgt von einem Additionsoperator und einem negativen Prozentsatz behandelt.
Spezifikationen
No specification found
No specification data found for css.types.calc-sum
.
Check for problems with this page or contribute a missing spec_url
to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.
Browser-Kompatibilität
BCD tables only load in the browser